Forum Home
Press F1
 
Thread ID: 71601 2006-08-10 09:02:00 CSS HTML unordered list layout - help Morgenmuffel (187) Press F1
Post ID Timestamp Content User
477577 2006-08-10 09:02:00 nigel.geek.nz

Ok you can see the layout problem

what it currently looks like is



> this is a point and blablabl abla
bla bala bala anak
> this is another point and blabl
abl ablabla bala bala anak
> hhhhhhhhhhhh


What i want it to look like is



> this is a point and blablabl abla
bla bala bala anak
> this is another point and blabl
abl ablabla bala bala anak
> hhhhhhhhhhhh


This is the code i currently use to lay it out
ul {
margin: 0;
padding: 0;
list-style: none;
}

li {
line-height: 17px;
text-indent: 18px;
padding-top: 0px;
background-image: url(../images/ul.gif) ;
background-repeat: no-repeat;
background-position: 0px 4px;
}


Any help would be appreciated 		Morgenmuffel (187)
477578 2006-08-10 09:51:00 Damn blast and Tarnation

I thought i finally had it

But it doesn't work in Internet explorer



ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}

ul li:before {
content: url(www.nigel.geek.nz);
}
li {
line-height: 17px;

padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 4px;
} 		Morgenmuffel (187)
477579 2006-08-10 12:15:00 silvertech.co.nz Rob99 (151)
477580 2006-08-11 06:38:00 Thanks Rob that worked perfectly :thumbs: Morgenmuffel (187)
1