Hajo: Abstand zw. Zeilen entfernen

Beitrag lesen

SELF-Forum

Abstand zw. Zeilen entfernen

Hajo
– Informationen zu den Bewertungsregeln

Danke zunächst mal an alle und Entschuldigung. Anscheinend muss ich nicht nur in Sachen CSS sondern auch beim posten hier etwas lernen.

Hier also der Quellcode:

<HTML><HEAD><LINK rel=stylesheet type=text/css href="eingebaut_style_sheet.css"></HEAD>
<BODY style="FONT-FAMILY: Verdana">
<TABLE>
<TBODY>
<TR class=Zeile1>
<TD class=Spalte>&nbsp;Heute<BR>1 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Mi<BR>2 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Do<BR>3 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Fr<BR>4 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Sa<BR>5 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;So<BR>6 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Mo<BR>7 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Di<BR>8 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp;Mi<BR>9 Sep </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte>&nbsp;Do<BR>10 Sep </TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR>
<TR class=Zeile2>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/11.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/28.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/11.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/11.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/11.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/30.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/30.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/26.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/30.gif?12122006"></TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/common/intlwxicons/31/30.gif?12122006"></TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR>
<TR class=Zeile3>
<TD class=Spalte>Nachm. Schauer</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>Bewölkt</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Regen</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Regen</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Regen</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Bewölkt</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Bewölkt</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>Bedeckt</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>L. Bewölkt</TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte>L. Bewölkt</TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR>
<TR class=Zeile4>
<TD class=Spalte>UV-Index: 5 Mäßig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 4 Niedrig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 3 Niedrig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 4 Niedrig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 3 Niedrig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 5 Mäßig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 5 Mäßig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 4 Niedrig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>UV-Index: 5 Mäßig </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte>UV-Index: 4 Niedrig </TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR>
<TR class=Zeile5>
<TD class=Spalte>&nbsp; 22°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 22°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 18°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 17°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 17°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 18°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 19°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 20°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 21°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte>&nbsp; 20°C </TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR>
<TR class=Zeile6>
<TD class=Spalte>&nbsp; 13°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 14°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 13°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 13°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 12°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 12°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 12°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 13°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=Spalte>&nbsp; 13°C </TD>
<TD><IMG src="http://image.weather.com/web/blank.gif"></TD>
<TD class=LetzteSpalte>&nbsp; 13°C </TD>
<TD class=LetzteSpalte><IMG src="http://image.weather.com/web/blank.gif"></TD></TR></TBODY></TABLE></BODY></HTML>

und der zugehörige CSS-Text:

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
}

Also noch einmal die Frage: Wie bekomme ich den Zeilenabstand so hin, dass sich zwischen den Spalten eine durchgehende Trennlinie zeigt?

Gruß Hajo

Beitrag melden
–
Informationen zu den Bewertungsregeln