Annoying problem with spacer

[Paul Watt]

Hi guys,
I've got a really annoying problem. I'm trying to seperate two different
tables in a cloumn vertically. (using tables because of client brief BTW).
I'm using a transparant GIF with its height set to 5px to creat the
seperation. It works OK with firefox but with IE6 theres about a 15-20 px
gap.
I've tried the following CSS:
..linespacer{
min-height: 5px;
max-height: 5px;

}
and applied like this:
<img src="img/1pix_clear.gif" width="160" height="5" class="linespacer">

No Joy. Like I said it works in Firefox but not in IE. any ideas?

TIA

Paul

 

[David Dorward]

I've got a really annoying problem. I'm trying to seperate two different
tables in a cloumn vertically.

Apply a margin-bottom.

(using tables because of client brief BTW).

Eugh. Bad clients are a pain.

I'm using a transparant GIF

Stop. This is 2005.

<img src="img/1pix_clear.gif" width="160" height="5" class="linespacer">

And that markup is invalid anyway.

 

[Paul Watt]

Apply a margin-bottom.


Eugh. Bad clients are a pain.


Stop. This is 2005.


And that markup is invalid anyway.

Whats invalid about it for future reference?

 

[GreyWyvern]

And lo, David Dorward didst speak in alt.html:

Apply a margin-bottom.
Yesh.


Eugh. Bad clients are a pain.
Yesh.


Stop. This is 2005.

Oy vey!

And that markup is invalid anyway.

The markup above is valid under HTML 4.01

Grey

 

[Stuart]

Hi guys,
I've got a really annoying problem. I'm trying to seperate two different
tables in a cloumn vertically. (using tables because of client brief BTW).
I'm using a transparant GIF with its height set to 5px to creat the
seperation. It works OK with firefox but with IE6 theres about a 15-20 px
gap.
I've tried the following CSS:
.linespacer{
min-height: 5px;
max-height: 5px;

}
and applied like this:
<img src="img/1pix_clear.gif" width="160" height="5" class="linespacer">

No Joy. Like I said it works in Firefox but not in IE. any ideas?

TIA

Paul

Have you tried setting the CUSS display: attribute to 'block'?

 

[Charles Sweeney]

Paul Watt wrote

(using tables because of
client brief BTW)

Convenient excuse!

I overheard a little old lady in the garage the other day. She insisted
that the mechanic should use one thou overrsize bearing shells in her car.

Clients!

 

[Charles Sweeney]

David Dorward wrote

Bad clients.

Oxymoron?

 

[Paul Watt]

Paul Watt wrote


Convenient excuse!

I overheard a little old lady in the garage the other day. She insisted
that the mechanic should use one thou overrsize bearing shells in her car.

Clients!

Convienient but handy!

 

[David Dorward]

The markup above is valid under HTML 4.01

Error Line 3 column 71: required attribute "ALT" not specified.

 

[David Dorward]

Whats invalid about it for future reference?

The missing alt attribute, but http://validator.w3.org/ would have told you
that.

 

[GreyWyvern]

And lo, David Dorward didst speak in alt.html:

Error Line 3 column 71: required attribute "ALT" not specified.

Phooey, I always forget which version alt graduated to REQUIRED.

Grey

 

[Jonathan N. Little]

GreyWyvern wrote:

The markup above is valid under HTML 4.01

Well technically, no missing the required 'alt' attribute alt="" would
do. (I am not advocating using the spacer image...)

 

[Mitja Trampus]

Hi guys,
I've got a really annoying problem. I'm trying to seperate two different
tables in a cloumn vertically. (using tables because of client brief BTW).
I'm using a transparant GIF with its height set to 5px to creat the
seperation. It works OK with firefox but with IE6 theres about a 15-20 px
gap.

Try setting a very small line-height for the enclosing block.

 

[Charles Sweeney]

Paul Watt wrote

Convienient but handy!

You bet it is! I'm the only client I have for making sites, so I can
brief myself to suit!

 

[GreyWyvern]

And lo, Jonathan N. Little didst speak in alt.html,alt.www.webmaster:

GreyWyvern wrote:



Well technically, no missing the required 'alt' attribute alt="" would
do. (I am not advocating using the spacer image...)

Yesh, my error.

Grey

 

[Gerry for email use my name at dergal dt com]

Stuart wrote:


Stuart Brown <[email protected]>
http://www.edesign.cc


Hey, off topic, great site!
only issue is the menu seems to "bounce" on mouse over (IE)

G

 

[Charles Sweeney]

Gerry for email use my name at dergal dt com wrote

Stuart wrote:


Stuart Brown <[email protected]>
http://www.edesign.cc


Hey, off topic, great site!
only issue is the menu seems to "bounce" on mouse over (IE)

Maybe it's to give a sense of interactivity?

 

[Stuart]

Stuart wrote:


Stuart Brown <[email protected]>
http://www.edesign.cc


Hey, off topic, great site!
only issue is the menu seems to "bounce" on mouse over (IE)

G

So it does - it's still a work in progress though :-D

 

[Stuart]

Gerry for email use my name at dergal dt com wrote


Maybe it's to give a sense of interactivity?

Nope, just a plain old bug
This is what happens if you develop in Firefox...

 

[rf]

David Dorward wrote


Oxymoron?

Tautology.

Cheers
Richard.