tabellen_problem (höhe)
insomnia 26.04.2004 - 11:06 520 3
insomnia
Little Overclocker
|
sers! folgendes problem. ich will eine menu leiste machen mittels einer tabelle. dabei ist in jedem feld ein kleines image und daneben der text. mein problem ist, dass ich mir nicht erklären kann, warum das tabellenfeld so hoch ist. das image hat lediglich 8x8px und schriftgröße ist 10px ... aber das tabellenfeld ist höher. habe schon diverse height einstellungen versucht, sie lässt sich höher machen aber nicht niedriger. sieht einer vielleicht einen fehler, oder hat einen lösungsvorschlag? navigationhier noch der code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <style type="text/css"> <!-- body { margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; } a:link { text-decoration:none; decoration:none; color=#000000 } img { border:none; } .style2 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .style3 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; } --> </style> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table border="0" cellspacing="1" bgcolor="#e4e4e4"> <thead><img src="../images/page_navigation.gif"></thead> <tr> <td bgcolor="f9f9f9" valign="middle"> <img src="../images/button_nav.gif"> <span class="style2">news</span> </td> </tr> <tr> <td bgcolor="f9f9f9" valign="middle"> <img src="../images/button_nav.gif"> <span class="style3">news</span> <span class="style2">archive</span> </td> </tr> </table> </body> </html>
|
mat
AdministratorLegends never die
|
|
Rektal
Here to stay
|
Die Reihenfolge thead,img,/thead ist prinzipiell Falsch. Ein thead, tbody and tfoot brauchen prinzipiell zeilen innen drin, also korrekt heissts: <table>
<thead><tr><td></td></tr></thead>
<tbody><tr><td></td></tr></tbody>
<tfoot><tr><td></td></tr></tfoot>
</table>
Ich wuerd' thead/tbody/tfoot an deiner Stelle aber nur verwenden, wenn ich auch wirklich weiss warum es dass gibt und was man damit machen kann. Und ein paar weitere Tipps (gratis): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<style type="text/css">
Nach DOCTYPE kommt mal erst: html dann head und darin erst style <style type="text/css">
<!--
body {
Das <!-- ist ueberfluessig, raus damit (ebenso das --> am Ende). body {
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
}
Das kannst du abkuerzen mit body { margin: 0; }
. a:link { text-decoration:none; decoration:none; color=#000000 }
a) es gibt kein "decoration", nur "text-decoration" (hast eh' hingeschrieben, und das reicht auch) und es ist immer Attribut-Doppelpunkt-Wert, also nicht color=#000000 sondern color: #000000; img { border:none; }
Damit waere ich vorsichtig. Im Prinzip wills du ja nur den Rahmen um verlinkte Images wegbekommen, somit heisst das dann a img { border: none; }
|
insomnia
Little Overclocker
|
super vielen dank erstmal, gar nit gewusst, dass ich soviele fehler mache
|
Anmeldung