Bild am unteren Rand ausrichten

[MarcL]

Hallo @ all,

ich möchte eine Navigation am unteren Rand einer Tabelle platzieren.
Im IE und Netscape kein Problem.
Nur Firefox lässt zum unteren Rand einen Abstand (ca 5 px) den ich nicht wegbekomme.

HTML:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69" align="left" valign="bottom"><a href="index.php?go=home"><img src="Bilder/Navi-Home.gif" alt="Home" width="66" height="19" border="0" /></a>
</td>
</tr>
</table>

Also bin ich auf css ausgewichen und habe es so probiert:
CSS:
#Bild_Menu {
background-image:url(Bilder/Navi-Home.gif);
background-repeat:no-repeat;
height:133px; //Höhe des oberen Banners
width:72px;
background-position:0px 112px; // am unteren Rand des Banners
}

im HTML:
<td width="75" align="left" valign="middle"><a href="index.php?go=modelle"><div id="Bild_Menu" titel="Home"></div></a></td>

geht .. ist aber leider nicht strict und wird vom HTML-Validator angemeckert.

Also ein anderer Versuch:
CSS:
#Bild_Menu span {
display:none;
}
#Bild_Menu a{
 display: block;
 height:133px;
 width: 66px;
}
#Bild_Menu {
 background-image:url(Bilder/Navi-Home.gif);
 background-repeat:no-repeat;
 height:133px;
 width:66px;
 background-position:0px 112px;
}

HTML:
<td width="69" align="left" valign="middle"><div id="Bild_Menu"><a href="index.php?go=home"><span>Home</span></a></div></td>

geht ... ist strict ... aber bei Klick auf den Button erscheint ein Rahmen der nicht nur das Bild umrahmt sondern den ganzen Bereich der Höhe von 0 - 133 (ist wohl der container) ... das Bild ist aber auf 122 positioniert. Sieht also mehr als doof aus.

Hat irgend jemand zu den 3 Varianten einen Tip .. wäre supi

Vielen Dank im voraus

Viele Grüsse
MarcL

[MarcL]

Nachdem mein 2. Fred gesperrt wurde o_O  .... muss ich diesen hier modifizieren:

Mit css habe ich es mittlerweile gelöst bekommen. das Zauberwort: position

Ich hätte es aber gerne ohne CSS gelöst ... u.a. wegen dem alt-Text.

Also bleibt nur noch die Frage:
Wie schaffe ich es im Firefox (ohne css) ein Bild am unteren Rand einer Tabelle zu platzieren ohne das da einen Abstand verbleibt?

Viele Grüsse
MarcL

[romy]

Hi MarcL,

Ich hätte es aber gerne ohne CSS gelöst ... u.a. wegen dem alt-Text.

Kannst du erklären, was du hiermit meinst?

ciao
romy

[MarcL]

Hi romy,

wenn z.B. aus irgendeinem Grund die Bilder nicht geladen werden können, sollte eine alternativ-Text erscheinen ... bei img ist das alt="irgend ein text"
Das würde bei der css-Lösung fehlen.

Gruss
MarcL

Hi MarcL,

Ich hätte es aber gerne ohne CSS gelöst ... u.a. wegen dem alt-Text.
Kannst du erklären, was du hiermit meinst?

ciao
romy

[romy]

Hi MarcL,

wenn z.B. aus irgendeinem Grund die Bilder nicht geladen werden können, sollte eine alternativ-Text erscheinen ... bei img ist das alt="irgend ein text"
Das würde bei der css-Lösung fehlen.

Nein, wie kommst du darauf? Du darfst durchaus <img src="blubber.jpg" alt="alternativer text" style="bottom:0;"> schreiben (ist jetzt nur ein blödes beipiel)

Noch eine Bitte: Bitte zitiere nur den Text auf den du dich beziehst, sonst entsteht ToFu ;)

ciao
romy