Hallo, liebe BBler^^
Ich hab vor kurzem einen HTML-und CSS Kurs im Internet auf html-seminar.de gemacht.
HTML verstehe ich mittlerweile super. Nur CSS versteh ich noch nicht so ganz. Vor einiger Zeit hat mir hier ein User einen Style geschrieben, den ich gerne für meine Homepage verwenden möchte.
Code
body {
background-image: url(verlauf.jpg);
background-repeat: repeat-x;
background-color: #000000;
}
div.content {
margin: auto;
width: 99%;
height: 800px;
margin-top: 8px;
}
#header {
width: 100%;
height: 120px;
background-image: url(head-ver.jpg);
background-repeat: repeat-x;
border: 1px dotted #1f1f1f;
}
#headbild {
width: 100%;
height: 120px;
background-image: url(header.png);
background-repeat: no-repeat;
}
table {
width: 100%;
height: auto;
border: 0px;
}
td {
vertical-align: top;
}
td.menu {
width: 20%;
height: auto;
border-right: 1px dotted #1f1f1f;
border-left: 1px dotted #1f1f1f;
border-top: 1px dotted #1f1f1f;
background-color: #0c1b29;
padding: 12px;
}
td.content {
width: 80%;
height: auto;
border-right: 1px dotted #1f1f1f;
border-left: 1px dotted #1f1f1f;
border-top: 1px dotted #1f1f1f;
background-color: #0c1b29;
color: #efefef;
font-family: Trebuchet MS;
font-size: 13px;
text-shadow: 2px 2px black;
padding: 12px;
}
.uber {
font-family: Trebuchet MS;
font-size: 23px;
text-shadow: 2px 2px black;
display: block;
border-bottom: 1px dotted #efefef;
margin-bottom: 10px;
color: #efefef;
}
a:link {
color: #003080;
text-decoration: none;
text-shadow: 1px 1px black;
}
a:visited {
color: #003080;
text-decoration: none;
}
td.menu a:link {
display: block;
padding-left: 8px;
text-decoration: none;
border-top: 2px solid #0c1b29;
border-bottom: 2px solid #0c1b29;
color: #efefef;
text-shadow: 1px 1px black;
font-family: Trebuchet MS;
font-size: 13px;
border-right: 2px solid #0c1b29;
border-left: 2px solid #0c1b29;
}
td.menu a:visited {
display: block;
padding-left: 8px;
text-decoration: none;
border-top: 2px solid #0c1b29;
border-bottom: 2px solid #0c1b29;
border-right: 2px solid #0c1b29;
border-left: 2px solid #0c1b29;
color: #efefef;
text-shadow: 1px 1px black;
font-family: Trebuchet MS;
font-size: 13px;
}
td.menu a:hover {
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
background-color: #112b3e;
color: #efefef;
text-shadow: 1px 1px black;
}
Alles anzeigen
Das Problem ist jedoch, dass der Text ja in schwarz ist und es ein schwarzer Hintergrund ist. Welche Werte muss ich wie verändern, damit man den Text lesen kann (Schrift soll weiß bis dunkelweiß sein)?
MfG Sumpex Master
Edit: Hat sich erledigt. ;D
--> <span style="color:red"> TEXT </span>