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

tbody Formatierung funzt nicht

Status
Für weitere Antworten geschlossen.
C

CrackPod

Neues Mitglied
Hallo,

ich habe eine Tabelle in Table head und table body unterteilt, um die tr einzeln formatieren zu können:
Code: 
<table>
	<thead>
		<tr>
			<th> </th>
			<th>Text:</th>
			<th>Autor:</th>
			<th>(News-) Bereich:</th>
			<th>(Newsbetreff):</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><input type="checkbox" name="delete[]" value="{id}"></td>
			<td>{text}</td>
			<td>[url="mailto:{email}"]{autor}[/url]</td>
			<td>{kategorie}</td>
			<td>{betreff}</td>
		</tr>
	</tbody>
</table>
Hier mein CSS Code:
Code: 
tbody tr {
	border:1px solid 000;
}
Nur sieht beides gleich aus => es passiert nix. Warum?
 
Werbung:
Hallo CrackPod

So wie es aussieht lassen sich folgende Tabellen-Elemente nicht mit Border-Styles formatieren.
- TR
- THEAD
- TBODY
- TFOOT
Diese scheinen nicht als Blockelement für die Style-Sheets erkennbar zu sein.

Formatieren mit Border-Styles lassen sich somit nur folgende Tabellen-Elemente.
- TABLE
- TD
- TH
Wobei dir das nicht wirklich weiter hilft. Denn es wird sehr aufwendig deine Formatierung nur über die TDs und THs zu definieren. :roll:

Ich habe aber noch einen Link für dich nach selfhtml, dort geht es um Gitternetzlinien in Tabellen, vielleicht hilft dir ja das Attribut "rules" weiter. ;)
LINK: http://de.selfhtml.org/html/tabellen/gestaltung.htm#regeln_gitternetz

Eine andere Möglichkeit mit der man die Bereiche optisch trennen kann ist eine Hintergrundfarbe, diese lässt sich auch über TR, TBODY, etc. bestimmen. ;)

Gruß
Hobbyuser
 
Code: 
tbody td { 
    border:1px solid 000; 
 }
das geht aber auch nicht.
Das is irgendwie komisch. Background kann ich geben, aber kein border. Weder für tr noch für td
 
Werbung:
CrackPod schrieb:
Code: 
tbody td { 
    border:1px solid 000; 
 }
das geht aber auch nicht.
Das is irgendwie komisch. Background kann ich geben, aber kein border. Weder für tr noch für td
Zum Vergrößern anklicken....
Vielleicht liegt es ja an deiner falschen Farbangabe (# fehlt).
Bei meiner Beispielseite funktioniert es:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<title>test</title>
		<style type="text/css">
		tbody td { 
			background-color:#e0e0e0;
			border-top:solid 1px #000;
			border-bottom:solid 1px #000;
		}
		</style>
	</head>
	<body>

	<table> 
	<thead>
		<tr>
		<th> </th> 
		<th>Text:</th> 
		<th>Autor:</th> 
		<th>(News-) Bereich:</th> 
		<th>(Newsbetreff):</th> 
		</tr>
	</thead> 
	<tbody> 
		<tr> 
		<td><input type="checkbox" name="delete[]" value="{id}"></td> 
		<td>{text}</td>
		<td>[url="mailto:{email}"]{autor}[/url]</td>
		<td>{kategorie}</td>
		<td>{betreff}</td>
		</tr>
	</tbody> 
	</table>

	</body>
</html>
Also versuch nochmal dein Glück. ;)

Gruß
Hobbyuser
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben