Bräuchte Hilfe bei Tabellen Design

Dromerace · 08/12/2012, 05:40

Hey Leute, bin neu auf dem Gebiet und wollte mir mal eine Tabelle in html basteln, um sie in meine Signatur in einem anderen Forum einzufügen. Ich bräuchte Hilfe im Design, und vllt wäre es ja möglich, das die Tabelle ein wenig "Wackelt"
Hier mal der Code:

Code:

<!DOCTYPE html>

<html>


<body>
<style type="text/css">
h6 {
font-style:italic;
font-family:"Courier New";
font-size:10pt;
font-weight:bold;
color:#008080;
letter-spacing:0.1em;
}
</style>


<h6>
<table cellpadding="5" border="4">
 <tr>
<td> Name     </td>
<td> Rasse     </td>
<td> Reich     </td>
<td> Level     </td>
<td> Gilde     </td>
</tr>
<tr>
<td> CyanPunch </td>
<td> KörperKrieger </td>
<td> [color=gelb]Gelb![/color] </td>
<td> Noch 23  </td>
<td> None  </td>
</tr>
</table>
</h6>
</body>

dowhile · 08/12/2012, 07:00

Der style-Tag muss in den head-Tag, der table-Tag darf nicht in den h6-Tag und du schließt den html-Tag nicht mehr. Das border und cellpadding-Attribut des table-Tags sollte AFAIK in HTML 5 nicht mehr genutzt werden.

Ansonsten: Irgendwie fehlt die Frage in deinem Beitrag. Wir können dir sicher helfen, die Tabelle aufzuhübschen, aber wenn du nicht sagst, was du wie haben willst, wird das schwierig ...

Dromerace · 08/12/2012, 10:56

Ich weis, dass da vie fehlt, ich will ja keine ganze Seite erstellen, sondern nur ne Tabelle. Ich bräuchte bei dem Rahmen der Tabelle Hilfe, ich bekomme den nicht farbig or something, wenn ich es mit dem CSS Rahmen versuche, isr nur etwa die Hälfte im Rahmen... Und vlt das es wackelt/wippt aber nicht unbedingt nötig
h6 nur, damit ich nicht so viel an der Website ändere, hatte auch h1, aber das hatte die Website verunstaltet xD

playa18 · 08/12/2012, 11:23

style="border 1 px solid #ccc" und tu h6 raus gib deiner tabelle eine klasse...

Dromerace · 08/12/2012, 12:26

Quote:

Originally Posted by playa18

style="border 1 px solid #ccc" und tu h6 raus gib deiner tabelle eine klasse...

Wie meinst du das? Wenn ich h6 wegnehme, habe ich ja kein CSS Design mehr?
Und wenn ich deins einfüge, passiert nix?

playa18 · 08/12/2012, 12:32

Quote:

Originally Posted by Dromerace

Wie meinst du das? Wenn ich h6 wegnehme, habe ich ja kein CSS Design mehr?
Und wenn ich deins einfüge, passiert nix?

HTML Code:

<style>
.myclass{
border: 1px solid #ccc;
...
}
</style>

<table cellpadding="5" class="myclass">
 	<tr>
		<td> Name     </td>
		<td> Rasse     </td>
		<td> Reich     </td>
		<td> Level     </td>
		<td> Gilde     </td>
	</tr>
	<tr>
		<td> CyanPunch </td>
		<td> KörperKrieger </td>
		<td> Gelb! </td>
		<td> Noch 23  </td>
		<td> None  </td>
	</tr>
</table>