• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle färblich verändern?

philogyn

Mitglied
Schönen Nachmittag!

Habe eine HP mit Hilfe von CSS realisiert, eine Tabelle table {....} jedoch so eingefügt, dass keine Gitternetzlinien angezeigt werden.

Bräuchte jetzt aber eine Tabelle die mit Rahmen angezeigt wird ... kann ich hierfür ein #table1 "eröffenen" um diese neue Tabelle mit Rahmen anzuzeigen?

LG
philogyn
 
Ja, du kannst jedem Element eine ID oder Klasse zuweisen und diese dann per CSS individuell formatieren.
 
Oder ganz "einfach"...


HTML:
<!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>

<title>Table mit CSS</title>

<style type="text/css">
	* { margin:0; padding:0; }
	body { padding: 40px; font: 1em Arial, Helvetica, sans-serif; }
	table { border-collapse: collapse; border: 1px solid #124412; width: 600px; }
	th {	border: 1px solid #124412;
		background-color: #334f33;
		color: #fff; padding: 0.4em; text-align: left;
	}
	td { padding: 0.4em; }

        tr:nth-child(odd) td { background-color: #86B486; }

</style>
</head><body>

	<table summary="statistic">
		<tr>
			<th>Name</th>
			<th>Cards sent</th>
			<th>Cards received</th>
			<th>Cards written but not sent</th>
		</tr>
		<tr>
			<td>Ann</td>
			<td>40</td>
			<td>28</td>
			<td>4</td>
		</tr>
		<tr>
			<td>Joe</td>
			<td>2</td>
			<td>27</td>
			<td>29</td>
		</tr>
		<tr>
			<td>Paul</td>
			<td>5</td>
			<td>35</td>
			<td>2</td>
		</tr>
		<tr>
			<td>Louise</td>
			<td>65</td>
			<td>65</td>
			<td>0</td>
		</tr>
	</table>

</body></html>


Gruß
Loon3y
 
Hättest Du die Tabelle sinnvoll aufgebaut, wäre das nicht passiert.

Du hast hier Tabellen verschachtelt. Das macht hier Inhaltlich aber kein Sinn.
 
Du hast da sowieso ein völlig kaputtes Dokument. Da sind 176 Fehler drin, die musst Du unbedingt noch beseitigen! Dass Deine Darstellung einigermaßen so ist, wie Du Dir das vorstellst, ist bei so vielen Fehlern reiner Zufall!
[Invalid] Markup Validation of http://hphasner.hp.funpic.de/test.php - W3C Markup Validator
Da sind ganz dicke Brocken drin, die unbedingt raus müssen!

Das mit dem Tabellenaufbau ist auch richtig, lies Dich mal ein, was "colspan" und "rowspan" machen. Außerdem ist es Unsinn, in eine Tabellenzelle, die nur "1a" enthält, noch ein div zu packen. div wird nur benutzt, um mehrere Elemente zu einer Gruppe zusammenzufassen, Du hast hier aber nicht zu gruppieren. Deine Zentrierung gehört ins <td>-Tag und zwar als "text-align:center".

Ganz ehrlich: Es macht keinen Sinn, da jetzt weiter zu machen, Du musst unbedingt die Fehler berichtigen!
 
Klingt alles nach Heidenarbeit...

Aber einige Fehler wie jene in Line 40 oder 41 sind ja nicht von mir gemacht worden, das ist ein Flash - Element und wurde via DW eingefügt!

Aber muss ich dann jede einzelne Seite überarbeiten? Oder geht das irgendwie schneller?

Habe das Problem mit dem Rahmen aber eh bereits anders gelöst, einfach Hintergrundfarben zur Trennung verwendet... http://www.hs-hasnerschule.ksn.at/schularbeiten.php


LG (ein bald gestresster)
philogyn
 
Klingt alles nach Heidenarbeit...
Nicht unbedingt. Ohne geguckt zu haben, sind die Hälfte der Fehler wahrscheinlich Folgefehler. Du beendest irgendwo mitten drin einmal oder gar mehrmals das HTML-Dokument mit </html>, um danach aber weiter zu machen. Demnach ist danach wahrscheinlich jede Zeile falsch.

Aber es ist nunmal so. Wenn man etwas falsch angeht und mit falschen Kenntnissen und Methoden etwas aufzieht, dann ist die Arbeit hinterher immer größer, es wieder in Ordnung zu bringen.

Aber einige Fehler wie jene in Line 40 oder 41 sind ja nicht von mir gemacht worden, das ist ein Flash - Element und wurde via DW eingefügt!
Fehler sind dazu da, bereinigt zu werden, wenn man will, dass alles richtig funktioniert. Wenn man ein Programm benutzt, das fehlerhaften Code schreibt, dann sollte man sich überlegen, das Programm einzumotten.

Aber muss ich dann jede einzelne Seite überarbeiten? Oder geht das irgendwie schneller?
Es muss natürlich jede Seite valide sein. Ist eine Seite nicht valide, hast Du nicht die Gewissheit, dass das passiert, was Du erwartest. Denn dann bekommt der Browser Anweisungen, von denen nicht definiert ist, wie er damit umgehen soll.
Beispiel </html>: Der Browser bekommt die Mitteilung, dass die Seite zu Ende ist. Wie soll er mit nachfolgendem Code umgehen? Ganz korrekt wäre, wenn er nichts von dem, was dann noch kommt, anzeigt.
 
Zurück
Oben