|
|||
Style soll sich nur auf einer Tabelle zeigen
table, td, tr, th {
border:1px solid black; text-align: left; color:#fff; } wie kann ich den Style dazu bringen, nur für eine Tabelle gültig zu sein? ich habe schon versucht die Tabelle eine id=rose zu geben und dann: #rose table, td, tr, th { border:1px solid black; text-align: left; color:#fff; } aber auch anderen Tabellen werden davon betroffen, die keine id=rose haben |
Sponsored Links |
|
|||
Da solltest du dich noch mit den Grundlagen von CSS beschäftigen. Du weist den Stil jeder Tabelle, jedem td, tr und th-Element zu. Wenn du wirklich nur eine Tabelle ansprechen willst, dann weise den Stil auch nur der Tabelle zu
Code:
#rose {/*die stile gelten nur für elemente mit der id rose*/ } |
Sponsored Links |
|
|||
Vielen Dank schon mal für eure Hilfe, bisher habe ich jeden Befehl immer eine eig. Klasse gegeben, ich hoffe das ich es hier vermeiden kann,
oder braucht jeder td th eine eig. Klasse? Projekt läuft nur auf meinen Testserver, daher habe ich den Code runtergebrochen. HTML-Code:
<!doctype html> <html> <head> <style> #rose { width:100%; } table, td, tr, th { border:2px solid black; border-collapse: collapse; text-align: left; } td, tr, th { padding:1em; } th { background:#eee; font-weight: bold; } </style> </head> <body> <table id='rose'> <tr><td>Mit</td> <td>Style</td> </tr> </table> <br><br> <table> <tr><td>Ohne</td> <td>Tabelle</td> </tr> </table> </body> </html> |
|
|||
Funktioniert doch. Die obere Tabelle ist 100% breit, die untere nicht.
Zitat:
Code:
table#rose, table#rose tr, table#rose th, table#rose td { border: 1px solid blue; text-align: center; color: red; } MrMurphy Geändert von MrMurphy (19.10.2015 um 11:59 Uhr) |
|
|||
Zitat:
z.z. wird die noch von: HTML-Code:
table, td, tr, th { border:2px solid black; border-collapse: collapse; text-align: left; } wenn ich nun Dein code dafür einsetzte: HTML-Code:
table#rose, table#rose tr, table#rose th, table#rose td { table, td, tr, th { border:2px solid black; border-collapse: collapse; text-align: left; } so wie es sein sollte. Aber irgendwie greift dann auch die erste Tabelle nicht Geändert von seerose (19.10.2015 um 12:23 Uhr) |
|
|||
Ich weiß, ich wiederhole mich. Aber das sind Grundlagen von CSS. Bzw. sogar die Grundlagen der Grundlagen. Hier wird dir nicht die Verwendung von CSS/HTML erklärt, dafür gibt es mehr als genug Bücher oder Online-Tutorials.
Wenn du schon nur mit Copy-Paste arbeitest, dann kopiere wenigstens deinen Code korrekt. Dafür sollte man aber auch verstehen, was dieser in etwa tut. |
|
|||
Super es geht jetzt
Zitat:
Vielen Dank HTML-Code:
table#rose, table#rose tr, table#rose th, table#rose td { border: 1px solid blue; text-align: center; color: red; } HTML-Code:
#rose tr, #rose th, #rose td { border:1px solid black; border-collapse: collapse; text-align: left; font-size:11px; ;color:#fff; } |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle) | internet | (X)HTML | 17 | 03.12.2014 10:05 |
Tabelle wie Paragraf? | .rhavin | CSS | 5 | 14.01.2013 01:51 |
IE6: Inhalte bei großer Tabelle verschwunden | C-rank | CSS | 3 | 05.01.2008 14:23 |
Tabelle erscheint innerhalb eines DIVs | FBI | CSS | 1 | 27.06.2007 02:39 |
FF: Tabelle in Tabelle centern | wuschba | CSS | 2 | 20.07.2006 11:00 |