Stylesheets - Re: cross browser border-collapse (supplement)

Author

Re: cross browser border-collapse (supplement)

Daniel Jung

2004-04-29, 10:35 pm

In article <MPG.1afba7ccc4116c779896a9@nntp.uib.no>, jung@uib.no says...
>
> I want images in table rows connect vertically.
> IExplorer has no vertical space between the imgs,
> Mozilla has 1 px, and
> Opera has 2 px.

Supplement:

This is the same if I put it in divs instead of tds (changed css
respectively):

<div> <img> <img> text </div>
<div> <img> <img> <img> text </div>
<div> <img> <img> <img> text </div>

There are vertical gaps. I have now found out why. I stripped too much
in the code excerpt; I forgot to include the links. It was really more
like this:

<div> <img> <a> <img> text </a> </div>
<div> <a> <img> </a> <img> <img> <a> <img> text </a> </div>

and so on. It seems to work only if either the whole line is linked or
nothing is linked at all (including img and text):

<div> <a> <img> </a> <a> <img> </a> <a> text </a> </div>
<div> <a> <img> </a> <a> <img> </a> <a> text </a> </div>

aligns fine in all browsers.

<div> <a> <img> <img> text </a> </div>
<div> <a> <img> <img> text </a> </div>

as well.

A non-linking text or img along with linking ones inserts extra vertical
space in Opera and Mozilla. I have tried a lot now. Even style
definitions like

a { border:0; margin:0; border-collapse:collapse; }

wouldn't do the trick. I want to get rid of the spaces, and I'd rather
not dummy-link all elements in a row, as you might understand.

Any help is highly appreciated.

- Daniel

> I want the "IExplorer way" cross browser-wise.
> Any help is appreciated.
>
>
> Thx,
> - Daniel
>
>

Brian

2004-04-29, 10:35 pm

Daniel Jung wrote:

> jung@uib.no says...
>
>
> Supplement:
>
> This is the same if I put it in divs instead of tds

Well, stop; which markup is correct? Is it tabular data or not? Css is
secondary, since it's optional, so always start with the correct markup.

> There are vertical gaps. I have now found out why. I stripped too much
> in the code excerpt; I forgot to include the links. It was really more
> like this:
>
> <div> <img> <a> <img> text </a> </div>
> <div> <a> <img> </a> <img> <img> <a> <img> text </a> </div>
>
> and so on. It seems to work only if either the whole line is linked or
> nothing is linked at all (including img and text):
>
> <div> <a> <img> </a> <a> <img> </a> <a> text </a> </div>
> <div> <a> <img> </a> <a> <img> </a> <a> text </a> </div>
>
> aligns fine in all browsers.

Hmm, I can't figure out how that would change it, unless there's
something you're not telling us. Well, come to think of it, there *is*
something you're not telling us. What is the url?

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

Daniel Jung

2004-04-29, 10:35 pm

In article <10936619jed7lf1@corp.supernews.com>, usenet3
@julietremblay.com.invalid says...
> Daniel Jung wrote:
>
> Well, stop; which markup is correct? Is it tabular data or not?

As you may have figured, i changed it from table to div since it wasn't
really tabular data. It was in the beginning, but I moved far from that
in the process.

> Hmm, I can't figure out how that would change it, unless there's
> something you're not telling us. Well, come to think of it, there *is*
> something you're not telling us. What is the url?

It's local. Maybe I can upload it, but I wrote everything noteworthy in
the two postings.

Thanks for a quick reply, Brian.

- Daniel

Brian

2004-04-29, 10:35 pm

Daniel Jung wrote:

> Brian says...
>
> As you may have figured, i changed it from table to div since it
> wasn't really tabular data.

Well, you should still read the article from devedge whose link I
already gave you. The point of that article -- the baseline and
descender space.

You may consider floating the images left: that will change their
display to block, removing any consideration of descender space. But
floats often create their own problems.

>
> It's local. Maybe I can upload it,

No "maybe" about it; need to see it if you still can't get it to work
after dealing with the baseline issue. ;-)

> but I wrote everything noteworthy in the two postings.

Says you. You never know what might be affecting it.

> Thanks for a quick reply, Brian.

Of course.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/