Opera 7 und Text oder Bild am unteren Framerand

[Jony]

Hallo Forum,

ich habe in einem Framefester folgendermassen versucht ein Bild am unteren Framerand darzustellen:

"
<table height="100%" valign="bottom" width="145" border="0" cellpadding="0" cellspacing="0" style="height:100%;">
<tr>
 <td class="zzz" valign="bottom" align="right" style="height:100%; vertical-align:bottom">

<a href="xxx.html" onFocus="this.blur()" target="inhalt" onmouseover="kontakt(0,yy0,'kontakt'); return true"
 onmouseout="kontakt(0,yy1,'bereit'); return true;"><img
 src="yyy.gif" width="140" marginheight="0" height="20"
 vspace="0" hspace="0"
 border="0"></a></td>
</tr>
</table>
"

In der css-Datei steht:

td.xxx { text-align:left; vertical-align:bottom; font-size:8pt; line-height:16pt; font-family:Arial,Helvetica; font-weight:standard; text-decoration:none }

Es funktioniert leider mit keiner meiner versuchten Methoden. Ich habe auch schon im Forum gesucht. Weiss jemand einen Rat?

Grüsse

Jony

[MudGuard]

Hi,

<table height="100%" valign="bottom" width="145" border="0" cellpadding="0" cellspacing="0" style="height:100%;">

table hat weder ein height- noch ein valign-Attribut.

Bzgl. der height-Property: welche Höhe hast Du den Vorfahrenelementen zugewiesen?

<a href="xxx.html" onFocus="this.blur()" target="inhalt" onmouseover="kontakt(0,yy0,'kontakt'); return true"

Warum machst Du Tastaturnavigation unmöglich?

onmouseout="kontakt(0,yy1,'bereit'); return true;"><img
src="yyy.gif" width="140" marginheight="0" height="20"
vspace="0" hspace="0"
border="0"></a></td>

img hat kein Attribut marginheight. Aber dafür ein PFlichtattribut alt.

td.xxx { text-align:left; vertical-align:bottom; font-size:8pt; line-height:16pt; font-family:Arial,Helvetica; font-weight:standard; text-decoration:none }

standard ist kein zulässiger Wert für font-weight.
Bei font-family sollte eine generische Schriftart angegeben werden.
Und pt ist für die Bildschirmdarstellung nicht geeignet als Einheit.

cu,
Andreas

[Jony]

Der Quelltext schaut jetzt so aus, das Ergebnis hat sich aber nicht verbessert. Die einzige Möglichkeit ist wohl Füllmaterial (Zeilenumbruch oder Pixelbild).

<table width="145" border="0" cellpadding="0" cellspacing="0" style="height:100%;">
<tr>
 <td class="xxx" valign="bottom" style="height:100%; vertical-align:bottom">
 <a href="xxx.html" target="inhalt" onmouseover="kontakt(0,yy0,'kontakt'); return true" onmouseout="kontakt(0,yy1,'bereit'); return true;">
 &nbsp;<img src="yyy.gif" width="140" alt="Kontakt" height="20" border="0">&nbsp;</a></td>
</tr>
</table>

Trotzdem Danke

Jony

[MudGuard]

Hi,

<table width="145" border="0" cellpadding="0" cellspacing="0" style="height:100%;">

Du hast meine Frage nicht beantwortet bzgl. height.

cu,
Andreas

[Jony]

Mit Vorfahrenelementen habe ich mich noch nie beschäftigt. Da muss ich erst mal googeln!

Ich habe ein

body {line-height:12pt;}

wenn Dir das was nützt.

Gruss

Oliver