By smither on

While working on my site, suddenly the many un-numbered lists (defined with <ul><li></li></ul> tags) simply stopped being rendered in the

  • normal
    • formatted

display. I reverted to an unmodified theme (Barron) as I had changed some of the theme files (style.css), but this did not restore the list formatting.

I have no idea what I did or what happened. Any suggestions (please!)?

Thanks.

⋅ Categories: Drupal 5.x

Comments

dman’s picture

dman commented

Validate and inspect your page with the developer toolbar
It's possible some module has added some CSS that flattens lists, or that a classname collision has caused something unexpected to happen.

You did of course view source and see that the UL is there and it's not a filter problem, right?

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

smither’s picture

smither commented

Thanks, dman,

I can get one of the pages that does not display the lists properly to validate, and viewing the source looks like the <ul>, <li> tags are there.

If I use any theme but Barron, the lists display as expected. Even reinstalling Barron to make sure that I have not changed anything does not fix the problem (I am developing a slightly modified Barron theme for my site). If I remove the style.css file in the theme, the lists display properly again (but of course the page looks crappy). I remain convinced that this is something that I did, as Barron looked great earlier in the day :-(.

You have given me some good tools - thanks. Not real sure what to try next.

dman’s picture

dman commented

So it's just the theme css. Developer toolbar (inspect element) will show you exactly which line the problem is coming from.
looking at the CSS for barron I see :

ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none outside none;
}

which looks quite wrong to me.
Why would a theme claim that all ULs were not to be displayed as lists? ... that's what it's saying.

It was added in the most recent update so is probably an untested mistake. Raise an issue against the theme.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

smither’s picture

smither commented

dman - you are all right!

I removed the ul{} block from style.css and it now works!

Thanks for teaching me how to fish (with the Developer Toolbar and the link to debugging). I am still on the steep part of the learning curve for Drupal - I really appreciate the help.

I am going have to sleep on this - I could swear it was working earlier today!

Many thanks!

jwolf’s picture

jwolf commented

This is a mistake.
In my infinite stupidity, I neglected to add the #nav selector before the ul which should then only affect the primary links.

Should be:


#nav ul
{
list-style: none outside none;
list-style-image: none;
margin: 0;
padding: 0;
}

Thanks for catching this.