Spalten und Zeilen verschiedene CSS Werte zuweisen

Status
Nicht offen für weitere Antworten.
C

cantafunk

Mitglied
hallo leute!

ich bastele gerade an einer seite die nur aus einer tabelle besteht.
diese ist wieder unterteilt in zeilen und spalten.
wie bekomme ich es denn jetzt hin, dass ich zwei oder mehreren spalten (zeilen) verschiedene css-werte zuweise. wenn ich z.b den <td> tag neu definiere dann wird ja wieder alles gleich und der .xyz css-wert funktioniert mit zeilen oder spalten irgendwie nicht. oder mache ich einfach nur einen fehler!

gruss
solaar45
 
Es würde schon mehr helfen, wenn Du evtl. einen Teil Deines Scripts mal hier einstellen könntest, damit man eine genauere Vorstellung davon bekommt, was Du möchtest...
 
Code: 
<style type="text/css"> 
<!--
.test {  background-color: #FF3366}
-->
</style>
</head>


<body>
<table width="90%" border="0" cellpadding="2">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td class="test">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Die CSS Anwendung auf eine Zelle läßt sich durchführen, also läßt es sich auch auf Spalten oder Zeilen anwenden. Oder habe ich deine Problematik falsch verstanden?!

Gruss
Camelion

Nachtrag: Beim tüfteln fiel mir auf das wenn keine einzige Zelle schriftlichen Inhalt hat die Veränderung durch CSS für die ganze Tabellenzeile/Spalte nicht angezeigt wird. (IE 6)
 
Zuletzt bearbeitet:
so in etwa

Vielleicht ist es das hier, was Du suchtest....

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<style type="text/css"> 
<!--
 .test {background-color: #FF3366}
 .testreihe { background-color: #FFCC66}
-->
</style>
</head>


<body>
<table width="90%" border="1" cellpadding="2">
  <tr class="testreihe">
    <td>Hier auch ein bissl Text rein...</td>
    <td>...und hier auch noch</td>
  </tr>
  <tr>
    <td class="test">Ein schöner Text</td>
    <td> </td>
  </tr>
</table>
</body>
</html>

</body>
</html>

Damit Du Dir das Ergebnis natürlich auch anschauen kannst:
http://www.jonnyb-in-israel.de/TUTORIALS/soso.htm
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück