PDA

View Full Version : Getting text to indent below the <li> in a <ul>

AhmNee
06-20-2006, 10:16 PM
When setting up a <ul> text that wraps isn't indented to where the text starts on the previous line. Is there a way to get it to indent so it starts under the text on the wrapped line, not under the bullet?

I've been looking for a way trough several referances and can't seem to find it.

This leads me to believe it's going to be something simple and I will feel like an idiot for missing it.

Thanks,

AhmNee
_Aerospace_Eng_
06-20-2006, 10:37 PM
ul {
list-style:outside disc;
}
AhmNee
06-20-2006, 10:49 PM
Thanks, Aero.

I did try "list-style-position" but I wasn't sure as my CSS reference I was using wasn't very verbose about what that attrubute did. I'm starting to think there's some CSS in the company shell that must be interfering with this. But at least I now know that this SHOULD be working. :)

Thanks again,

Ahm
_Aerospace_Eng_
06-20-2006, 10:52 PM
Yeah it should be working. Check out this example.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
ul {
list-style:outside disc;
width:150px;
}
</style>
</head>
<body>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</li>
</ul>
</body>
</html>
If you can post your stylesheet and html or if possible a link.
AhmNee
06-20-2006, 10:59 PM
I'd cringe to do that to you. There are 3 CSS documents that are linked through an ASP #include virtual= and 2 javascripts that I have no idea what they are for.

Each doc is pretty long. I wouldn't do that to you. I'm already working with our department of UI standards to get some better documentation on what their CSS is supposed to do and obviously this is one of the places where they put something by element rather than class and it's overriding my formatting.

I do appreciate that you've got me on the right track, though. It gives me some ammunition to say "See? You're doing this wrong and here's why." May just help me to deconstruct this monster. If you only knew how valuable that is. :)