PDA

View Full Version : CSS HTML unordered list layout - help



Morgenmuffel
10-08-2006, 08:02 PM
http://nigel.geek.nz/joomla/content/view/14/33/

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
10-08-2006, 08:51 PM
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(http://www.nigel.geek.nz/joomla/templates/bla/images/ul.gif);
}
li {
line-height: 17px;

padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 4px;
}

Rob99
10-08-2006, 11:15 PM
http://silvertech.co.nz/Nigel/nigel.htm

Morgenmuffel
11-08-2006, 05:38 PM
Thanks Rob that worked perfectly :thumbs: