Schriftfarbe wird nicht übernommen
Verfasst: 13.09.2008, 13:31
Hallo,
habe folgendes Problem. Bin grad am coden mit Dreamweaver CS3. Soweit steht mein gerüst und funktioniert im IE und FF soweit.
Nun bin ich dran die Seite mit dem Inhalt zu füllen.
Das Problem: Die eingegebene Schriftfarbe wird nicht übernommen. Weder die Links noch der eigentliche Text hat die vorgegebene Farbe. Die Entwurfansicht im Dw CS3 zeigt es zwar korrekt an, aber in den Browsern wird es ignoriert.
Links haben dieses hässliche Lila / blau
Der Text ist schwarz.
Hier ist der CSS-Code:
Jemand ne idee, woran es liegt?
Würd mich über nen Hinweis oder Lösung freuen.
Danke
Ironbird
habe folgendes Problem. Bin grad am coden mit Dreamweaver CS3. Soweit steht mein gerüst und funktioniert im IE und FF soweit.
Nun bin ich dran die Seite mit dem Inhalt zu füllen.
Das Problem: Die eingegebene Schriftfarbe wird nicht übernommen. Weder die Links noch der eigentliche Text hat die vorgegebene Farbe. Die Entwurfansicht im Dw CS3 zeigt es zwar korrekt an, aber in den Browsern wird es ignoriert.
Links haben dieses hässliche Lila / blau
Der Text ist schwarz.
Hier ist der CSS-Code:
body{
text-align:center;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container{
width:800px;
margin:0 auto;
text-align:left;
}
#header{
width: 800px;
background-color: #FFFFCC;
background-image: url(../pics/header.jpg);
height: 150px;
background-repeat: no-repeat;
}
#rightside{
width:400px;
float:left;
background-color: #CCFF99;
background-image: url(../pics/bg_right.jpg);
background-repeat: no-repeat;
height: 401px;
}
#leftside{
width:400px;
float:left;
background-color: #33FFCC;
background-image: url(../pics/bg_left.jpg);
background-repeat: no-repeat;
height: 401px;
}
#footer{
clear:both;
background-color: #CCFFCC;
background-image: url(../pics/footer.jpg);
background-repeat: no-repeat;
height: 49px;
}
#header h1 {
color: #ECE9D8;
font-size: 16px;
}
#navigation {
font-size: 12px;
width: 200px;
height: 75px;
margin-left: 30px;
margin-top: 30px;
color: #d3f2d8;
}
#navigation ul {
list-style-type: none;
}
h1 span {
visibility: hidden;
}
#navigation a:hover {
color: d3f2d8;
text-decoration: underline;
}
#navigation a:visited {
color: d3f2d8;
text-decoration: none;
}
#navigatin a:active {
color: d3f2d8;
text-decoration: none;
}
#navigation a:link {
color: d3f2d8;
text-decoration: none;
}
#secContent {
width: 200px;
height: 340px;
margin-left: 80px;
margin-top: 29px;
overflow: auto;
}
#mainContent {
width: 290px;
height: 340px;
overflow: auto;
margin-left: 58px;
margin-top: 29px;
}
#footerContent {
width: 520px;
height: 25px;
margin-top: 15px;
text-align: center;
margin-left: 140px;
color: d3f2d8;
}
Jemand ne idee, woran es liegt?
Würd mich über nen Hinweis oder Lösung freuen.
Danke
Ironbird
