nicht angemeldet
Unterstreichen von Tabellenspalten (CSS f. Anfänger)
0 0 0 
Gunnar Bittersmann
Unterstreichen von Tabellenspalten (CSS f. Anfänger)
<sorry>eine Anfängerfrage :</sorry>
...
<style type="text/css">
<!--
td.linebottom { border-width:thin; border-style:none none solid none; margin:0px; }
-->
</style>
...
<tr>
<td class="linebottom">AAA</td> <!-- hier schön-->
<td class="linebottom"></td> <!-- hier nicht schön-->
<td class="linebottom">C</td>
</tr>
leider wird jetzt nicht durchgehend unterstrichen sondern nur in den Feldern in denen Text steht. Ich finde auch keinen Weg das so zu machen, dass es durchgehend über alle Tabellenspalten geht. Sicher gibt es da einen einfachen weg ...
Wenn mir da jemand einen Tipp geben könnte ? Danke
-
hi,
leider wird jetzt nicht durchgehend unterstrichen sondern nur in den Feldern in denen Text steht.
Hilft da empty-cells weiter?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
-
Wenn mir da jemand einen Tipp geben könnte ? Danke
Wie wärs hiermit:
<style type="text/css">
<!--
td.linebottom { border-width:thin; border-style:none none solid none; margin:0px; }
-->
</style><table width="400">
<tr>
<td class="linebottom">AAA</td> <!-- hier schön-->
<td class="linebottom"> </td> <!-- hier nicht schön-->
<td class="linebottom">C</td>
</tr>
</table>Gruß,
Peete-
Wie wärs hiermit:
<td class="linebottom"> </td> <!-- hier nicht schön-->Peete,
das ist wahrhaftig „nicht schön“.Eine leere Zelle ist eine leere Zelle und eine mit gefüllte Zelle ist eine gefüllte Zelle.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
das ist wahrhaftig „nicht schön“.
Wie sieht Deine Lösung für den IE aus, wenn nicht die ganze Zeile unterstrichen werden soll, sondern nur die Zelle?
Gruß,
Peete-
Wie sieht Deine Lösung für den IE aus, wenn nicht die ganze Zeile unterstrichen werden soll, sondern nur die Zelle?
So, Peete:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>TEST</title> <style type="text/css"> [code lang=css] table { border-collapse: collapse; } #bar { border-bottom: 1px solid red; }</style>
</head>
<body>
<table>
<tr>
<td>foo</td>
<td id="bar" />
</tr>
<tr>
<td />
<td>quz</td>
</tr>
</table>
</body>
</html>[/code]Entscheidend auch hier das Rahmenmodell.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
-
-
-
-
Ich finde auch keinen Weg das so zu machen, dass es durchgehend über alle Tabellenspalten geht. Sicher gibt es da einen einfachen weg ...
Klar, Frank, du wendest die border-Eigenschften nicht auf td, sondern auf tr an.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Klar, Frank, du wendest die border-Eigenschften nicht auf td, sondern auf tr an.
Ah, da war noch was. Damit das Wirkung hat, muss das Tabellenmodell mit den zusammenfallenden Rahmen (
table {border-collapse: collapse}) gewählt werden. [CSS2 §17.6]Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
-