The My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features

See the new Forums

Opera not displaying unordered list. Other browsers do.

Forums » Dev.Opera » General Web Development Discussions

You need to be logged in to post in the forums. If you do not have an account, please sign up first.

Go to last post

21. November 2011, 19:16:06

domblogger

Posts: 31

Opera not displaying unordered list. Other browsers do.

http://www.domblogger.net/Documentation/XMLAuthoring

Every section (that has subsections) has an unordered navigation list within a header element acting as a table of contents for subsections.

This is important for web accessibility, as it makes document navigation easier.

The list displays in FireFox, Chrome, Safari as intended. In IE it displays, though CSS is not applied. In opera (64 bit Linux) it just doesn't display at all.

Any ideas?

The CSS for the list:

.dbg-contentnav ul li {
	display: inline;
	}
	
.dbg-contentnav ul, .dbg-contentnav ul li:after {
	content: " | ";
	}
	
.dbg-contentnav ul, .dbg-contentnav ul li.first:after {
	content: " : ";
	}
	
.dbg-contentnav ul, .dbg-contentnav ul li.last:after {
	content: "";
	}


-=-
Sorry the html source code isn't formatted very pretty, that's a bug in php's DOMDocument class related to white space and formatting of content that has pre blocks in it, so I have to turn off the pretty formatting of html source.

21. November 2011, 23:59:13

burnout426

Posts: 13202

Could you provide a screen shot of what you're talking about? I'm not seeing any difference between Firefox and Opera.

24. November 2011, 09:53:54

Frenzie

Posts: 15571

Me neither.
The DnD Sanctuary — a safety net for My Opera's demise.

3. December 2011, 01:46:01

spadija

Posts: 1643

Problem found: You are setting the content of the <ul> element to "". Other browsers seem to ignore setting the content of anything but a :before or :after pseudoelement, but this part

.dbg-contentnav ul, .dbg-contentnav ul li.last:after {
content: "";
}


is rewriting the content of the <ul> element with nothing.

3. December 2011, 05:06:59

burnout426

Posts: 13202

Thanks spadija. I forgot Opera has better support for the content property compared to others.

3. December 2011, 14:11:14

Frenzie

Posts: 15571

I finally noticed where the missing list was. Yup, the CSS says the UL should be replaced with nothing.
The DnD Sanctuary — a safety net for My Opera's demise.

22. December 2011, 04:54:07

domblogger

Posts: 31

Thanks, busy month went out of town and just now checking, but thanks for catching it!

Forums » Dev.Opera » General Web Development Discussions