Why unwanted space?

[Olav Tollefsen]

Take a look at:

http://www.baldrian.no/HtmlPage.htm

Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?

How can I get rid of it?

Olav

[Blinky the Shark]

Olav Tollefsen wrote:

Take a look at: http://www.baldrian.no/HtmlPage.htm Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?

What is "the browser"?

--
Blinky Linux Registered User 297263
Killing all Usenet posts from Google Groups
Info: http://blinkynet.net/comp/uip5.html
*ALSO contains links for access to the NON-BETA GG archive interface*

[Volkm]

Olav Tollefsen wrote:

Take a look at:

http://www.baldrian.no/HtmlPage.htm
Oops ...
<http://www.htmlhelp.co m/cgi-bin/validate.cgi?ur l=http%3A%2F%2F www.baldrian.no %2FHtmlPage.htm &warnings=ye s>
<http://validator.w3.or g/check?uri=http% 3A%2F%2Fwww.bal drian.no%2FHtml Page.htm&charse t=%28detect+aut omatically%29&v erbose=1>

Please get that fixed first and come back later.
Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?
Without having seen that page, I guess this is one of our most basic
standard questions.
<http://developer.mozil la.org/en/docs/Images,_Tables, _and_Mysterious _Gaps>

[...]

--
Volkm@r

[twaddle]

Olav Tollefsen wrote

http://www.baldrian.no/HtmlPage.htm Why does the browser render some unwanted space (showing the
background color) below the buttons (image)

Having seen the page I'd say it's because of the image map. Try to move
the map, not the image, outside the table.

That said, isn't XHTML 1.1 a little over the top with a table layout
and the document served as text/html? Why do you use that doctype?

[Jim Moe]

Olav Tollefsen wrote:

Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?

How can I get rid of it?

Try setting the margin and padding of the <img> to 0.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[twaddle]

Jim Moe:

Try setting the margin and padding of the <img> to 0.

Why? AFAIK browsers don't add either margin or padding to images by
default.

[Jim Moe]

twaddle wrote:

Try setting the margin and padding of the <img> to 0.

Why? AFAIK browsers don't add either margin or padding to images by
default.

Yes, you are correct. I did not actually try the suggestion.
The browser is adding space/margin/padding below the image for no
observable reason. I have solved this problem before but have forgotten
what the solution is.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Alan J. Flavell]

On Mon, 25 Jul 2005, Jim Moe wrote:

The browser is adding space/margin/padding below the image for no
observable reason.

It's called the CSS specification. By default, in standards mode,
inline objects such as img are positioned on the font baseline,
leaving room below for descenders.

In many cases this can be avoided by using CSS to set vertical align
for img to "bottom" instead.

But in this case I'd have to counsel against using images that are
nothing more than images of text. This page is not only unfriendly to
unusual display situations, but fails a number of WAI criteria. Let
text be text, and propose a presentation using CSS. I don't care for
the look of the source code - if I had to deal with this I think I'd
rip out all the markup and start again using current good practice.
It looks like some relic from HTML3.2, complete with HTML syntax
errors (which is why I didn't bother to comment on it when originally
posted).

best regards

[Sandman]

In article <42********@new s.broadpark.no> , "Olav Tollefsen" <[e-mail]> wrote:

Take a look at:

http://www.baldrian.no/HtmlPage.htm

Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?

How can I get rid of it?

Can't tell you exactly why, but it's because of the doctype. Remove the doctype
and the gap is removed. Check it out:

http://www.sandman.net/misc/baldrian.html

--
Sandman[.net]

[Jedi Fans]

Sandman wrote:

In article <42********@new s.broadpark.no> , "Olav Tollefsen" <[e-mail]> wrote:

Take a look at:

http://www.baldrian.no/HtmlPage.htm

Why does the browser render some unwanted space (showing the background
color) below the buttons (image) and above the blue cell?

How can I get rid of it?

Can't tell you exactly why, but it's because of the doctype. Remove the doctype
and the gap is removed. Check it out:

http://www.sandman.net/misc/baldrian.html

better yet use the transitional xhtml 1.0 dtd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">

it works and is better than no dtd