Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi all, im new to the forum but cant wait to get involved.
I'm working on a site for the company i work for and although im a fairly competant designer i have really hit the limits of my knowledge at the moment with this site and yet the only thing i cant get to display right is the damn lists, and of course the problem is in IE6. Any help would be much appreciated.
Site can be found here: http://www.envogen.co.uk/test3/
In mozilla the site looks as intended but IE puts the text of the list items right up against the bullet image and i cant work out how to select the bullet using css to put 5px padding on the right, or am i going about things the wrong way?
Regards
Nick Sumpter
Systems Admin -
-
CommentAuthoradjustafresh
- CommentTimeJan 11th 2007
Looks like your placing the image of the bullet with the ul rather than the li. This technique is often inconsistent in IE. It's easier to place the background image on your li:
ul {
list-style: none;
}
li {
background: url(image.gif) no-repeat;
padding-left: 12px;
}
The background image placement and padding may have to be finessed based on the iamge you're using, but this technique usually renders very similarly cross-browser.
Welcome to the forum. -
-
Thanks for the push in the right direction, everything is working fine now. I knew it would be a basic mistake like that.
Whilst we're on the subject, any feedback on the site is very welcome, especially your opinions on the suitability of layout and style for its content.
Regards
Nick Sumpter
1 to 3 of 3