Hallo Gemeinde,
zunächst einmal: ich bin absoluter Neuling in CSS. (Und das erste mal in diesem Forum) Deshalb meine Frage, die wahrscheinlich schon oft gestellt wurde. Aber etliche Lösungsvorschläge, die ich im Forum an anderer Stelle fand, lösten mein Problem nicht.
Um ein wenig zu üben, habe ich in einer Tabelle die Zeilen mit den Spalten vertauscht, so dass die Tabelle nicht mehr senkrecht, sondern waagerecht angeordnet ist. Zwischen den Zeilenelementen ist immer ein Platzhalterbild (wie im Original, 1px*1px). Hier wird als Linie dargestellt. Nun möchte ich aber eine durchgehende Linie und keine Zwischenräume.
Hier einmal der Stand meiner Versuche:
so sieht's aus
<[URL=http://www.pic-upload.de/view-2977180/Abstand.jpg.html>[IMG]http://www2.pic-upload.de/01.09.09/hc31i1b23yc.jpg[/IMG][/URL]]
und so die CSS-Datei:
BODY
{
FONT-FAMILY: Verdana,Arial,Helvetica,Sans Serif;
BACKGROUND: white;
COLOR: black
}
A:active
{
COLOR: #000000
}
A:hover
{
COLOR: #000000
}
A:link
{
COLOR: #3333ff;
}
TR
{
COLOR: blue;
MARGIN-TOP: -5px;
}
TD
{
TEXT-ALIGN: center;
FONT-FAMILY: Verdana,Arial,Helvetica,Sans Serif;
BORDER-RIGHT: blue 1px solid;
}
IMG
{
BORDER-BOTTOM-STYLE: none;
BORDER-RIGHT-STYLE: none;
BORDER-TOP-STYLE: none;
BORDER-LEFT-STYLE: none
}
.Zeile1
{
COLOR: green;
FONT-SIZE: 10px
}
.Zeile2
{
MARGIN-TOP: -5px;
FONT-SIZE: 10px
}
.Zeile3
{
FONT-SIZE: 10px
}
.Zeile4
{
FONT-SIZE: 10px
}
.Zeile5
{
FONT-SIZE: 10px
}
.Zeile6
{
FONT-SIZE: 10px
}
.Spalte
{
BORDER-BOTTOM: medium none;
BORDER-LEFT: medium none;
BORDER-TOP: medium none;
BORDER-RIGHT: medium none
}
.LetzteSpalte
{
BORDER-BOTTOM: medium none;
BORDER-LEFT: medium none;
BORDER-TOP: medium none;
BORDER-RIGHT: medium none
}
Hoffentlich könnt Ihr damit etwas anfangen und mir sagen, was ich falsch mache.
Gruß Hajo