Hallo!
Ich habe ein mittelschweres Problem.
Ich habe eine Webseite gemacht und im CSS die Schriftfarbe (#c3c3c3) festgelegt.
Wenn ich nun durch die Navigation klicke, kann es sein, das der Text manchmal schwarz ist, wenn man aktualisiert (F5) ist sie wieder grau.
Woher kann das kommen und vor allem ... wie kann ich es unterbinden?
Das hier ist die Standard-CSS für alles zusammen.
Natürlich habe ich meine Texte in den richtigen DIVs drin
HTML
a:link { text-decoration: none;color: #000000;}
a:visited { text-decoration: none;color: #000000;}
a:hover { text-decoration: none;color: #000000;}
a:active { text-decoration: none;color: #000000;}
#naviheader {
margin: 0;
left: -40px;}
body {
margin: 0;
padding: 0;
background:url(images/layout/body_bg.gif);}
#wrapper {
width: 900px;
margin: 0 auto;
color: rgb(195,195,195);
font-family: Verdana;
font-size: 10pt;}
#content-wrapper {
border-left: 1px solid #ffe600;
border-right: 1px solid #ffe600;
border-bottom: 1px solid #ffe600;
background: #222326;
}
#header {
margin: 0 auto;
top: 0px;
width: 900px;
height: 185px;
padding: 0px;}
#login-bar {
display: block;
position: relative;
margin: 0;
border: 1px solid #ffe600;
width: 892px;
height: 25px;
padding-right: 6px;
padding-top: 3px;
text-align: center;
font-family: Verdana;
font-size: 8pt;
color: #c3c3c3;
background: #222326;}
#flags-bar {
margin: 0;
float: left;
width: 409px;
height: 40px;
padding-left: 8px;
padding-top: 8px;
font-family: Verdana;
font-size: 16pt;
color: #c3c3c3;
border-left: 1px solid #ffe600;
background: #222326;}
#social-bar {
margin-left: 0 -3px;
top: 215px;
float: right;
width: 473px;
height: 40px;
padding-right: 8px;
padding-top: 8px;
font-family: Verdana;
font-size: 16pt;
color: #c3c3c3;
border-right: 1px solid #ffe600;
background: #222326;}
#navigation {
display: inline-block;
float: left;
width: 199px;
font-family: Verdana;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
color: #000000;
margin-left: -40px;}
#callbox {
display: inline-block;
float: left;
width: 199px;
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
color: #ffe600;
margin-left: 44px;
margin-top: 10px;
line-height: 120%;
}
#content {
display: inline-block;
width: 637px;
min-height: 705px; /* in Jans' Variante nicht dabei */
margin-left: 40px;
padding-left: 30px;
padding-right: 30px;
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
color: #c3c3c3;
vertical-align: top;
}
#footer {
margin: 0;
float: right;
padding-top: 20px;
padding-bottom: 20px;
top: auto;
width: 900px;
font-family: Verdana;
font-size: 8pt;
line-height: 140%;
font-weight: normal;
color: #b4b4b4;
}
/*%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%*/
/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/
/* MyCSSMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:135px;
padding-left: 10px; /* navi-rand nach links */
padding-right: 54px; /* navi-rand nach rechts */
margin:0px;
background-color:#FFE600;
border-width:0px;
border-style:solid;
border-color:#000000;
}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 20px 3px 3px;
background-color:#FFE600;
color:#000000;
font-family:Verdana;
font-size:10pt;
text-decoration:none;
border-width:0px 0px 1px;
border-style:solid;
border-color:#FFE600;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#000000;
border-color:#FFE600;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#000000;
border-color:#FFE600;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px;
background-color:#FFFFFF;
border-width:1px;
border-style:solid;
border-color:#000000;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 20px 3px 5px;
color:#000000;
font-family: Verdana;
font-size:10pt;
border-width:0px;
border-color:#FFCC33;
background-color: #FFFFFF;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover
{
color:#FFCC33;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#FFCC33;
text-decoration:underline;
}
Alles anzeigen