+ Post New Thread
Results 1 to 13 of 13
EduGeek Joomla 1.5 Package Thread, Unordered list not showing bullets in Projects:; Bit confused in trying to display an unordered list in joomla 1.5 I used the editor to add bullets which ...
  1. #1

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504

    Unordered list not showing bullets

    Bit confused in trying to display an unordered list in joomla 1.5

    I used the editor to add bullets which show up in the editor but not on the webpage.
    Took a look at the html and its producing code such as:
    <ul>
    <li>item 1</li>
    <li>item 2</li>
    </ul>

    Which I think looks ok but no dice in FF, IE6 or IE7.

    Tried an ordered list:
    <ol>
    <li>item 1</li>
    <li>item 2</li>
    </ol>

    Which works fine.

    Any ideas?

  2. #2

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    Is this a CSS issue?

    Do I need to add an entry to format the list or something?

  3. #3

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    Ok so I had a dig into the CCS and I see that the style for <ul> is set to 'none'
    I guess that this is because the menus use the <ul> tag right? And setting a style for the tag means the menus get a marker.

    So, does this mean we can't use unordered list with the Edugeek template?

  4. #4

    Join Date
    Oct 2008
    Location
    Gosport
    Posts
    64
    Thank Post
    1
    Thanked 18 Times in 13 Posts
    Rep Power
    15
    Having not seen the edugeek template or the specific css you're talking about this is just a guess:

    if you make the style rule that sets list-style-type to none more specific then you should be in happy land again. so, for example change:

    ul {
    list-style-type: none;
    }

    to

    div.menumoduel ul {
    list-style-type: none;
    }
    (or something close. Use firebug's "inspect" to find the class name of an appropriate element that is always and only around the menu lists)
    That way the "none" type will only be applied to the menu lists, meanwhile all other lists enjoy an un-fettered existence of bulletted goodness.

    Hello
    :-Dave

  5. Thanks to lightinthedark from:

    sparkeh (13th March 2009)

  6. #5

    SYSMAN_MK's Avatar
    Join Date
    Sep 2005
    Posts
    4,004
    Thank Post
    488
    Thanked 1,339 Times in 727 Posts
    Rep Power
    427
    Hey

    I have noticed this. It seems that the theme I used as a abase has no CSS for lists.

    If someone here does the hard work I'll be happy to add it to the package.

  7. Thanks to SYSMAN_MK from:

    sparkeh (13th March 2009)

  8. #6

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    Thanks for the replies.

    I have gone through the CSS again and again but am completely lost now.

    What I don't understand is, if I edit template.css and alter

    ul {
    list-style-type: none;
    }

    to

    ul {
    list-style-type: disc;
    }

    Only the top menu gets bullet points, none of the body text does. If I could work out how to get bullet points into the body text then I think I could work out how then to remove them from the top menu.

  9. #7

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    Well I managed to isolate the menu items by editing template.css and adding:

    div.moduletable ul {
    list-style: none;
    }

    However, I still can't work out how to alter the body text

  10. #8

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    FIXED!

    To isolate the menu items' bullet style I added:
    div.moduletable ul {
    list-style: none;
    }

    To enable bullets I altered
    ul {
    list-style-type: none;
    }

    to

    ul {
    list-style-type: disc;
    }

    If anyone wants a copy of the template you are more than welcome.
    Last edited by sparkeh; 13th March 2009 at 03:16 PM. Reason: Tweaked code to fix login box moving to incorrect position

  11. #9
    chrisdavenport's Avatar
    Join Date
    May 2007
    Location
    Shrewsbury, Shropshire, UK
    Posts
    5
    Thank Post
    0
    Thanked 3 Times in 2 Posts
    Rep Power
    0
    As you have discovered, this will work:

    div.moduletable ul {
    list-style: none;
    }

    However, div.moduletable is produced by the module chrome and so it will only style menus that are in module positions using that chrome style. Also, it will affect any non-menu lists that are in module positions that use the same module chrome. To change the styling specifically for menus only, regardless of the module chrome, you can use:

    ul.menu {
    list-style: none;
    }

    Regards,
    Chris.

  12. 2 Thanks to chrisdavenport:

    SimpleSi (16th March 2009), sparkeh (16th March 2009)

  13. #10

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    Thanks Chris!

    To be honest, I know very little about CSS and wondered if I had done this in the best way. Thanks for providing a better solution

  14. #11

    garethedmondson's Avatar
    Join Date
    Oct 2008
    Location
    Gowerton, Swansea
    Posts
    2,259
    Thank Post
    962
    Thanked 324 Times in 192 Posts
    Blog Entries
    11
    Rep Power
    164
    Has anyone seen an issue with this in IE8?

    The school website I am working on (and testing on IE8) is sometimes showing the bullet points and sometimes not. In IE8 it works, but in compatibility mode it doesn't show them.

    Shows them fine in Firefox.

    It's just IE7 compatibility mode that isn't showing them (from within IE8).

    Can anyone look at this page and tell me what they get: Aims and Objectives

    Cheers

    Gareth

  15. #12

    sparkeh's Avatar
    Join Date
    May 2007
    Posts
    6,717
    Thank Post
    1,267
    Thanked 1,639 Times in 1,096 Posts
    Blog Entries
    22
    Rep Power
    504
    FF+IE8 = bullets.
    IE8 in compatibility mode = no bullets.

  16. #13

    Join Date
    May 2013
    Posts
    1
    Thank Post
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    0
    Hello Guys,
    I have same problem with unordered list (bullets not showing), please advise. I am new in Joomla and do not know what to do. Here is a link to my web page: Tours in and around Nurata Mountains

    Thanks in advance

SHARE:
+ Post New Thread

Similar Threads

  1. Showing hidden files in recycler
    By zag in forum Windows
    Replies: 5
    Last Post: 27th April 2010, 02:14 PM
  2. AUP Informant not showing up
    By Geoff in forum EduGeek AUP Informant
    Replies: 2
    Last Post: 27th January 2009, 05:07 PM
  3. Double bullets
    By drtech in forum EduGeek Joomla 1.5 Package
    Replies: 0
    Last Post: 12th November 2008, 04:55 PM
  4. applications showing as ?
    By techie08 in forum Mac
    Replies: 5
    Last Post: 24th October 2008, 03:00 PM
  5. ePortal - Comment not showing
    By mark80 in forum MIS Systems
    Replies: 2
    Last Post: 31st May 2007, 11:52 AM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •