Problem with lists

[mumford1]

Hi

If someone could take a look here please http://www.blinding-designs.co.uk/test.htm

I have added a <br> in between the line of text to illustrate my problem, in my actual code here i have the lists in a table and when the text reaches the end of the table the same thing happens.

I won't the bullett image to always line up at the top of the list item text, could someone please help

thanks!!

[Paul O'B]

Hi,

You could try using a list image instead of the bullet although it doesn't line up centrally in IE.

 ul{
 margin-left: 20px;
 padding-left: 0px;
 list-style-type:disc;
 list-style-image:url(http://www.blinding-designs.co.uk/bullett.gif) ;
 list-style-position: outside;
 border:0;
}

You will probably need to add a bit of transparent padding to the top of your gif to move it down so that ie looks ok. The problem is that ie and moz display it in a slighly different position and there seems to be no way of correcting it.

However the list image should stay on the first line like a bullet does.

Hope it's of some use.

Paul

[mumford1]

cheers paul, did not really want to go down that route, but looks like i will have to

thanks again

[Paul O'B]

Hi,

I've been thinking about this and have come up with a simple solution that should do the job.

Have at look at my answer in this thread:

http://www.sitepoint.com/forums/show...32#post1114832

It should do the job.

Paul

[Crowe]

Here is how I did it on my site (chrispian.com). I checked it in tons fo browsers and it just works.

.navlist li  {
	padding-left        : 15px;
	background-image    : url(http://www.chrispian.com/images/square.gif);
	background-repeat   : no-repeat;
        background-position : 0 6px;
}

[Paul O'B]

Here is how I did it on my site

Same way as my link

[redemption]

Ah so this is the other thread you were referring to Paul. Yes that does work rather consistently and as Paul pointed out, you should use em or % for positioning the background image if you want to provide for resizing text.

[Crowe]

Same way as my link

Doh! I can write, but reading is another ball game