problem with a margin when putting and image in a unorderd list

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Banaan666 - 24 Oct 2004 20:11 GMT

Hi,

I hope somebody can help me. Please look at the following page to see
what's it about.

http://www.tilburg.nl/development/_moz-ul-li-img-margin-problem.htm

The problem doesn't seem to exist in Opera. Only in Mozilla and IE??

Does anybody know how I can remove the extra space between the images???

Signature

See ya,
Banaan666

============================
please remove .NOSPAM from
e-mail address when replying
============================

Reply to this Message

Jan Roland Eriksson - 24 Oct 2004 20:52 GMT

>Hi,
>
[quoted text clipped - 6 lines]
>
>Does anybody know how I can remove the extra space between the images???

Start to fix this line...

list-syle: none;
- - - -^^^^

...and then you should really set up a selector for your style rule and
not have it apply to every element on the page.

Signature

Rex

Reply to this Message

Banaan666 - 28 Oct 2004 19:56 GMT

Hi,

Sorry about that typo... fixed it and changed the 0px to 0 but still the
same problem... I know I should use a selector for this, but this is
just an example so I left out all the selectors.

============================
please remove .NOSPAM from
e-mail address when replying
============================

>>Hi,
>>
[quoted text clipped - 14 lines]
> ...and then you should really set up a selector for your style rule and
> not have it apply to every element on the page.

Reply to this Message

Gus Richter - 24 Oct 2004 21:48 GMT

> Hi,
>
[quoted text clipped - 6 lines]
>
> Does anybody know how I can remove the extra space between the images???

Add this to your styles:
img {display:block;}

Other comments:
Correct the typo for list-style.
Replace 0px; with 0;

Signature

Gus

Reply to this Message

Knud Gert Ellentoft - 24 Oct 2004 21:53 GMT

Gus Richter skrev:

>Other comments:
>Correct the typo for list-style.
>Replace 0px; with 0;

Why?

Signature

Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Reply to this Message

Neal - 24 Oct 2004 23:49 GMT

> Gus Richter skrev:
>
[quoted text clipped - 3 lines]
>
> Why?

The typo - because if you don't the style won't work.

Replace 0px with 0 - because units are not required on 0 values. It's not
wrong, but it's unnecessary.

Reply to this Message

Banaan666 - 28 Oct 2004 20:15 GMT

Thanks

that img {display:block;} fixed the problem in Mozilla en Opera... but
it makes it worse in IE... ???

Have a look at the page in IE
http://www.tilburg.nl/development/_moz-ul-li-img-margin-problem.htm

============================
please remove .NOSPAM from
e-mail address when replying
============================

>> Hi,
>>
[quoted text clipped - 13 lines]
> Correct the typo for list-style.
> Replace 0px; with 0;

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / October 2004

problem with a margin when putting and image in a unorderd list