Kommentare zu: CSS: Tabellen mit Innenlinien, aber ohne Außenrahmen

Von: Sebastian

Sebastian — Mon, 02 Feb 2015 01:11:18 +0000

Der Quirksmode gibt die tollen Attribute first und last-child her – damit lässt es sich auch lösen und müsste ebenso auf die Tabelle anwendbar sein:

#sidebar li {
padding-bottom: 10px;
border-top: 1px grey dotted;
}

#sidebar li:first-child{
border:none;
}

Von: Sebastian

Sebastian — Mon, 02 Feb 2015 01:04:36 +0000

Ich schlage mich mit der selben Frage herum bloß benutze ich keine Tabelle sondern eine Liste mit , ich dachte es ließe sich hierauf übertragen, doch fördert es recht merkwürdige Rahmenkonstruktionen zu tage.

#sidebar ul {
border: hidden;
border-collapse: collapse;
}

#sidebar li {
border-top: 1px grey dotted;
}

Eine Idee dazu? Da die Tabelle aus der WordPress Loop generiert wird komm ich auch nicht so einfach dazu auf eine Tabelle auszuweichen.
Danke

Von: Michael

Michael — Wed, 26 Jan 2011 09:49:02 +0000

Hallo,

ich verwende
!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Transitional//EN“ „http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

Gruß, Michael

Von: Michael

Michael — Wed, 26 Jan 2011 09:46:33 +0000

Hallo,

ich hab das mal mit dem IE getestet. Der macht hier leider links und rechts einen Rand!

Mit welchem Doctype ist das getestet?

Gruß, Michael

table#example {
border: hidden;
border-collapse: collapse;
}
table#example td {
border-top: solid 1px;
padding: 0.5em;
}

A1
A2
A3

B1
B2
B3