<ul> style is incorrect
-
Hi,
I have an issue with UL tags, I’m using the built in Black Letterhead theme with no CSS customisations.
The post looks fine when viewed on its own page [1], but when viewing it from the front page (showing the latest posts), the unordered lists are not using the right CSS style:
- The list style uses the ‘»’ character instead of the disc/circle.
- Each list item starts with a line break.
I tested in FF and Chrome.
It looks like the problem is caused by the styles added for the sidebar: the single post page doesn’t have the sidebar at all so the UL style is correct. The front page includes the sidebar, and the sidebar uses UL tags for layout. Somehow the same style is used for the posts which is wrong.
Please fix this problem or tell me how I could work it around.
Thanks,
Alex[1] http://versia.com/2009/10/18/xmonad-metacity-gnome/
[2] http://versia.com/The blog I need help with is: (visible only to logged in users)
-
First off, you have some errors in your latest post that need to be corrected.
Go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and then click “save changes.”
Open your latest post in the editor, make one minor change such as adding a space and then deleting it, and then click “update post.” Check your main blog page and some of the issues will have been addressed.
There is however an inconsistency in the UL on the main page and the single post page. That you will have to take up with staff directly when they get back tomorrow.
-
Thanks mate!
Could you tell which tags are not nested, the page [1] passes the W3C validator [2]
[1] http://versia.com/2009/10/18/xmonad-metacity-gnome/
[2] http://validator.w3.org/ -
There is so much code in that post that I was not going to go through it a line at a time to figure out where the issues were.
I copied the code for the entire post from the page source code, inserted it into my test blog and allowed wordpress to fix the code. I then viewed the post and saw that most of the display issues on the main page had gone away.
I then came back here and posted my above reply.
There are times when the code will validate, but will produce strange looking pages. That is one of the reasons I always tell people to make that setting change at settings > writing. WP will virtually always correct the code so that it produces the desired result.
-
BTW, the description on that setting is a little misleading as having it checked will correct all sorts of code issues, not just nesting issues.
-
I actually had that setting on, just double checked it.
When I preview the post as you did, everything looks fine. It also looks fine after publishing the post. The problem occurs only when viewing the post from the front page.
-
Again, there is an issue with the CSS in black letterhead that staff needs to address. It uses the double angle brackets for unordered lists on the main page, but then reverts to standard bullets for the first level and the disk for the second level on the single post page.
-
Hi there,
We have now modified the Black Letterhead theme so that unordered lists match in styles between the front page and single posts/pages.
Cheers.
-
- The topic ‘<ul> style is incorrect’ is closed to new replies.
WordPress.com Forums 