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

[Banaan666]

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???

--
See ya,
Banaan666

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

[Jan Roland Eriksson]

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

On Sun, 24 Oct 2004 21:11:52 +0200, Banaan666
<wimpiesoft@yah oo.com.NOSPAM> wrote:
[color=blue]
>Hi,
>
>I hope somebody can help me. Please look at the following page to see
>what's it about.
>
>http://www.tilburg.nl/development/_m...in-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???[/color]

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.

--
Rex

[Gus Richter]

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

Banaan666 wrote:[color=blue]
> Hi,
>
> I hope somebody can help me. Please look at the following page to see
> what's it about.
>
> http://www.tilburg.nl/development/_m...in-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???
>[/color]

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

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

--
Gus

[Knud Gert Ellentoft]

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

Gus Richter skrev:
[color=blue]
>Other comments:
>Correct the typo for list-style.
>Replace 0px; with 0;[/color]

Why?
--
Knud
Topposter du svar, så ryger du på min ignoreringslist e.
Svar under det du citerer og citer kun det du svarer på - tak.

http://usenet.dk/netikette/citatteknik.html

[Neal]

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

On Sun, 24 Oct 2004 22:53:45 +0200, Knud Gert Ellentoft
<ellentoft@mail .tele.invalid> wrote:
[color=blue]
> Gus Richter skrev:
>[color=green]
>> Other comments:
>> Correct the typo for list-style.
>> Replace 0px; with 0;[/color]
>
> Why?[/color]

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.

[Banaan666]

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

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
=============== =============

Jan Roland Eriksson wrote:[color=blue]
> On Sun, 24 Oct 2004 21:11:52 +0200, Banaan666
> <wimpiesoft@yah oo.com.NOSPAM> wrote:
>
>[color=green]
>>Hi,
>>
>>I hope somebody can help me. Please look at the following page to see
>>what's it about.
>>
>>http://www.tilburg.nl/development/_m...in-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???[/color]
>
>
> 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.
>[/color]

[Banaan666]

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

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
=============== =============


Gus Richter wrote:[color=blue]
> Banaan666 wrote:
>[color=green]
>> Hi,
>>
>> I hope somebody can help me. Please look at the following page to see
>> what's it about.
>>
>> http://www.tilburg.nl/development/_m...in-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???
>>[/color]
>
> Add this to your styles:
> img {display:block; }
>
> Other comments:
> Correct the typo for list-style.
> Replace 0px; with 0;
>[/color]