stimmt, das habe ich noch nicht. Werde ich am Abend mal machen.
Danke erstmal 
Beiträge von chris_klose
-
-
ja das mit den Tabellen ist meinem Chef gekommen. Normal mache ich sowas auch nicht mehr.
Das mit dem <span> in Zeile 16 stimmte, der ist geschlossen, wie auch alle anderen DIVs ... trotzdem dasselbe Problem. -
Das Problem tritt unregelmäßig auf. Es ist also nicht so, dass es immer schwarz ist und dann grau, sondern völlig unregelmäßig.
Ich finde da jedenfalls keine Systematik, warum es schwarz wird und dann bei F5 wieder grau.das ist jetzt mal aus einer einzelnen Datei:
HTML
Alles anzeigen<?php include ("header.php"); ?> <?php include ("navigation.php"); ?> <div id="content"> <table border="0" cellpadding="0" cellspacing="0" width="640"> <tr> <td width="640"> <img src="images/content/commonrail_ueberschrift_abs01.png" /><br /><br /> </td> </tr> </table> <table border="0" background="images/content/commonrail_abs01.png" height="158px"> <tr> <td width="230"> </td> <td valign="top" width="394" style="padding-left:8px; padding-right:8px;"> <span style="font-size: 10pt; color:#c3c3c3;"> <span style="color:#ff7e00; font-size:14pt; font-weight:bold;"> RaceChip Pro CR<br /><br /> </span> Das neueste Modell unseres Hauses mit volldigitaler Technik, noch kleinerem Gehäuse und aktuellster Software. Sie können hier Einstellungen über die Drehschalter vornehmen.<br /><br /> <span style="#ffe600"><a href="commonrail_abs1.html"><u>Vorteile, Leistungsdaten und Technische Daten lesen</u></a> </span> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="640"> <tr> <td width="230"> </td> <td width="410" valign="top" colspan="3"> <br /><img src="images/content/message_410_top.png"> </td> </tr> <tr> <td width"=230"> </td> <td width="8" background="images/content/message_li-re.png"> </td> <td width="394" valign="top" bgcolor="#333535"> <span style="font-size: 10pt; color:#c3c3c3;"> <span style="color:#ff7e00"> <b> Vorteile auf einen Blick </b> </span><br /> <img src="images/content/navipunkt.png"> Volldigitale Technik<br /> <img src="images/content/navipunkt.png"> Einfacher Einbau<br /> <img src="images/content/navipunkt.png"> Robustes Alugehäuse<br /> <img src="images/content/navipunkt.png"> Rußfiltertauglich<br /> <img src="images/content/navipunkt.png"> Spurlos rückrüstbar<br /> <img src="images/content/navipunkt.png"> Keine Folgekosten<br /> <img src="images/content/navipunkt.png"> Schalt- und Automatikgetriebe<br /> </span> </td> <td width="8" background="images/content/message_li-re.png"> </td> </tr> <tr> <td width="230"> </td> <td width="410" valign="top" colspan="3"> <img src="images/content/message_410_bottom.png"><br /><br /> </td> </tr> </table><br /> <table border="0" cellpadding="0" cellspacing="0" width="640"> <tr> <td valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;" height="20"> Leistungsdaten</td> <td valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;"> ohne RaceChip</td> <td valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;"> mit RaceChip</td> <td valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;"> Veränderung</td> </tr> <tr> <td width="640" width="640" height="1" colspan="4" bgcolor="#ff7e00"> </td> </tr> <tr> <td valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535"> Leistung in kW</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> 180 kW</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> 234 kW</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> + 30%</td> </tr> <tr> <td width="640" width="640" height="1" colspan="4" bgcolor="#ff7e00"> </td> </tr> <tr> <td valign="top" style="font-size:10pt; color:#c3c3c3;" height="20"> Leistung in PS</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;"> 245 PS</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;"> 318 PS</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;"> + 30%</td> </tr> <tr> <td width="640" width="640" height="1" colspan="4" bgcolor="#ff7e00"> </td> </tr> <tr> <td valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535"> Drehmoment</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> 540 NM</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> 636 NM</td> <td valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535"> + 17%</td> </tr> <tr> <td width="640" width="640" height="1" colspan="4" bgcolor="#ff7e00"> </td> </tr> <tr><td width="640" width="640" colspan="4" style="font-size:8pt">Beispiel anhand eines BMW GT F07 530d Gran Turismo, 2993ccm, 180 kW (245 PS)</td></tr> </table><br /><br /> <table border="0" cellpadding="0" cellspacing="0" width="640"> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;" height="20">Technische Daten</td> <td width="205" valign="top" style="font-size:10pt; color:#ff7e00; font-weight:bold;"></td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Gehäuseart</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">Metall, wasserdicht</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Kernfeldbearbeitung</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">bis zu 25.000 x pro Sekunde</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Funktionsweise</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">ATMEL Digitaltechnik</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Abmessungen</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">5 x 5 x 2,5 cm</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Softwarestand</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">tagesaktuell</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Hardwarestand</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">2010</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Selbsteinbau möglich</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Jumperleiste</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Dip-Schalter</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Anschlussbuchsen Gold</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">PC diagnosefähig</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Stufen der Mehrleistung</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">16</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Schalt- / Automatikgetriebe</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">Ja / Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Eingriff ins Steuergerät</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">Nein</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20">Spurlos rückrüstbar</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> <tr> <td width="230" height="20"></td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" height="20" bgcolor="#333535">Rußpartikelfiltereignung</td> <td width="205" valign="top" style="font-size:10pt; color:#c3c3c3;" bgcolor="#333535">Ja</td></tr> <tr><td width="230"></td><td width="410" width="410" height="1" colspan="4" bgcolor="#ff7e00"></td></tr> </table><br /> </div> <!-- ########## E N D E C O N T E N T ################################################### --> </div> <!-- ########## E N D E C O N T E N T W R A P P E R ####################################### --> <?php include ("footer.php"); ?>für das wesentliche kann ich nichts, das ist alles von meinem Vorgesetzten so gewollt ...
-
habe sie leider noch nicht online
-
nein, der normale Text ist mal schwarz, mal hellgrau. Die Links, das ist klar, das ist auch gewollt.
-
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 drinHTML
Alles anzeigena: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; }