|
|||
Tabellen Rahmen um einzelne Zellen
Hi,
bin irgendwie verwirrt; kann mir jemand sagen wie ich per css einer Tabelle bzw. der einzelnen Zellen einen Rahmen verpassen kann? |
Sponsored Links |
|
|||
also wenn ich es so definiere
Code:
table, th, td { border: 1px solid black; } |
Sponsored Links |
|
||||
Was hast Du denn schon probiert?
Der Tabelle selber einen Rahmen zu geben, geht so: HTML-Code:
table { border:1px solid #000; } HTML-Code:
td { border:1px solid #000; } HTML-Code:
table { border-collapse: collapse; }
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
hätte da noch ne Frage: habe eine leerzeile in spalte 1 bzw. spalte4.
Kann mir aber nicht erklären warum? Grafiken in unterschiedlichen Formaten .bmp; png; jpg; gif |
|
||||
Das ist keine Leerzeile, sondern vertical-align: middle;, das td standardmäßig hat
Übrigens hat border-collapse einen heftigen Bug in Firefox bis inkl. 3.5, https://bugzilla.mozilla.org/show_bug.cgi?id=155955, so dass man im Zweifelsfalle zur klassischen Variante greifen sollte: 1. border-spacing: 0; für table 2. die Zellen bekommen border-right & -bottom 3. td:first-child zusätzlich noch border-left (oder table, solange dies kein Boxmodell-Problem bereitet) 4. table bekommt border-top Der IE < 8 kann dann die Variante per border-collapse: collapse; bekommen - in jedem Falle aber der IE < 7, denn er kennt :first-child nicht.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (07.11.2010 um 21:53 Uhr) |
|
|||
danke für den Tipp:
habs nun folgendermaßen definiert: Code:
table { border-style: solid; border-color: #00F; border-width:1px; border-spacing:0; border-top:1px; text-align:left; } td { border-style: solid; border-color: #00F; border-right:1px; border-bottom:1px; } td:first-child { border-left:1px; } ........leider wird mir da der obere border und die inneren border der Tabelle nicht angezeigt. Habe ich da was vergessen? Geändert von seeadler (07.11.2010 um 22:41 Uhr) |
|
|||
habs nun so definiert:
Code:
table { border-top: 1px solid #00f; border-spacing:0; text-align:left; } td { border-bottom: 1px solid #00f; border-right: 1px solid #00f; } td:first-child { border-left: 1px solid #00f; } |
|
||||
Zitat:
Mehr Infos zu vertical-align hier.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
|
|||
hab's nun so definiert:
Code:
table { border-style:solid; border-width:1px; border-color: #00f; border-spacing:0; text-align:left; border-collapse:collapse; } td { vertical-align:top; border-style:solid; border-width:1px; border-color: #00f; } Kann mir jemand sagen ob ich mit diesem CSS-Code in älteren Browser-Versionen Anzeige Probleme bekommen werde? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabellen Zeile einlesen, einzelne Zelle auslesen | s3rial_ | Javascript & Ajax | 4 | 29.07.2010 12:14 |
Tabellen Rahmen soll weg | Marco2804 | (X)HTML | 10 | 04.06.2010 17:05 |
Rahmen zwischen 2 Zellen: ich kriegs nicht hin! | kiph | CSS | 4 | 24.09.2008 14:25 |
Rahmen ohne Tabellen realisieren ? | schani | CSS | 3 | 02.11.2006 10:33 |
Hilfe: CSS Rahmen bei leerer Tabellen Zelle | Mondschein1981 | CSS | 7 | 26.01.2005 17:13 |