Tabellenrahmen Problem

Status
Nicht offen für weitere Antworten.
H

hornet1410

Erfahrenes Mitglied
Hallo erst mal :o)
Könnte mir von euch vielleicht mal jemand einen Tip geben?
Wenn ich folgendes schreibe... sehen die Tabellen aus, als ob sie aus 2px Rahmenstärke bestehen! Woran liegt das? Oder wie kann ich das ändern? Hätte gerne nur 1px Rahmenstärke. Was muss da an dem "style" verändert werden? Bitte um Hilfe! Danke :o)

<html>
<head>

<style type="text/css">
table,td{border:1px solid #336699;}
</style>

</head>
<body bgcolor="#ffffff">
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>a</td>
<td>a</td>
</tr>
<tr>
<td>a</td>
<td>a</td>
</tr>
</table>
<p></p>
</body>
</html>
Zum Vergrößern anklicken....
 
Schon mal Danke für deine Hilfe! Aber versteh net ganz wie du das meinst?

Original:
<style type="text/css">
table,td{border:1px solid #336699;}
</style>

Deine Version:
table{border-collapse:collapse;}​

Da zeigt er mir gar keine Tabellen mehr an? Und ich hab dann ja auch keine Farbe definiert!? Help :o)​
 
So muss die Definition aussehen.

<style type="text/css">
table,td{border:1px solid #336699;border-collapse:collapse;}
</style>

Dann sollte es funktieren.
 
Noch ne kleine Frage:
Kann ich das ganze auch in eine ".css" Datei schreiben und nur ganz bestimten Tabellen die Funktion zuweisen?

Beispiel für die css Datei:
table,td {border:1px solid #336699; border-collapse:collapse;}

Oder anders? Und wie weise ich dann bestimmten Tabellen im html Quellcod die Funktion zu?
 
Also das kannst du natürlich auch in einer extra css-Datei machen. Aber da ich ein fauler Mensch bin und es nicht besser erklären könnte, schau doch einfach unter http://de.selfhtml.org/ nach (unter css=>Formate definieren=>Zentrale Formate definieren=>Formate für Klassen definieren). Da wirst du alles finden, was du brauchst.
 
Woran das liegt, dass du 2px Rahmen hast? Das liegt doch auf der Hand. Um den Table macht er einen Rand mit 1px Stärke und um Td. Macht zusammen 2px
 
Wie ich einem Text ne Klasse zuweise hab ich hinbkommen! Is ja auch kein Akt!
Aber wie mach ich das mit Tabellen? Also die Tabelle soll das Format nur annehmen wenn ich ihr das sag!

Und noch was? Wi kann ich in dem Sript hier sagen das der Zellabstand=0 beträgt?
Mit cellspacing hab ich´s net hinbekommen! Hat mir da jemand noch nen Tip?

table,td{border-width:1px;
border-style:solid;
border-color:#336699;
border-collapse:collapse;
font-family:verdana;
font-size:12px;
font-weight:normal;
color: #336699;}
Zum Vergrößern anklicken....
Danke schon mal für deine Hilfe saschaf!
ps. HUBBLE Danke für dein Komentar aber saschaf hat mir schon weiterhelfen können!
border-collapse:collapse;
Zum Vergrößern anklicken....
 
Also einer Tabelle eine Klasse zuweisen ist genauso mit bei einem Text. Also so:

<table class="meinetableklasse">.... </table>

CSS-Definition:

table.meinetableklasse { ....
}

Hier kannst du die Tablle definieren wie du willst. Die Eigenschaften gelten dann nur für Tabellen, die die entsprechende Klasse haben. Das gleiche kannst du natürlich auch mit anderen Elementen machen (tr, td usw.). Wenn in der CSS-Tabellendefinition border-collapse:collapse steht, ist auch der Zellenabstand gleich Null.

EDIT: Du solltest "table" und "td" getrennt definieren. Also nicht "table,td".
border-style,color usw. kannst du auch zusammenfassen:
border:1px solid #000000;

Also Border-Dicke, -Typ, -Farbe
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück