Unordered list not showing bullets

[sparkeh]

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:

• item 1
• item 2

 

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

 

Tried an ordered list:

1. item 1
2. item 2

 

Which works fine.

 

Any ideas?

[sparkeh]

Is this a CSS issue?

 

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

[sparkeh]

Ok so I had a dig into the CCS and I see that the style for

is set to 'none'

I guess that this is because the menus use the

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?

[lightinthedark]

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

[sparkeh]

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.

[sparkeh]

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

[sparkeh]

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.

Edited March 13, 2009 by sparkeh
Tweaked code to fix login box moving to incorrect position

[chrisdavenport]

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.

[sparkeh]

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

[garethEds]

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

[sparkeh]

FF+IE8 = bullets.

IE8 in compatibility mode = no bullets.

[sherzod]

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