6 svar · 604 visningar · startad av Enkido
Hej igen.
Jag har ett problem med CSS och FF.
Min css snutt ser ut som nedan:
<style type="text/css">
<!--
a:link {font-family:"Verdana", Helvetica, sans-serif; color:#99ccff; text-decoration:none;font-weight: bold;font-size:10px;}
a:visited {font-family:"Verdana", Helvetica, sans-serif;color:#000000; text-decoration:none;font-weight: bold;font-size:10px;}
a:hover {font-family:"Verdana", Helvetica, sans-serif; color:#99ccff; text-decoration:none;font-weight: bold;font-size:10px;}
a:active {font-family:"Verdana", Helvetica, sans-serif; color:#000000; text-decoration:none;font-weight: bold;font-size:10px;}
-->
</style>
Första gången man besöker sidan (eller rensar cache minnet och besöker igen). Så har länkarna standart utseendet. Men när man har klickat på länken en gång så får den utseendet som anges i CSS. Varför är det så?
Det beteendet finns bara i FF och inte i IE.
Tack för hjälpen.
Prova detta..
<style type="text/css"><!--/*--><![CDATA[/*><!--*/
a
{
font-family: verdana, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 10px;
}
a:link
{
color: #99ccff;
}
a:visited
{
color: #000000;
}
a:hover
{
color: #99ccff;
}
a:active
{
color: #000000;
}
/*]]>*/--></style>
Testade, men det blev inte riktigt som jag vill ändå.
Av nån anledning så är inte typsnittet verdana. Vilket är den angivna i css:n.
är det allt som står i din stilmall? besöker du sidan från en windows* dator? om inte, är verdana installerat?
Jag kör från windows.
Och ja, jag har verdana installerat. Som jag sa tidigare så fungerar CSS och jag får länken som jag vill att den ska vara men bara efter att ha klickat på den. Men om man besöker sidan första gången så har den standard utseende.
Och css filen som jag har har annat än bara länk egenskaperna:
<style type="text/css">
<!--
a:link {font-family:"Verdana", Helvetica, sans-serif; color:#99ccff; text-decoration:none;font-weight: bold;font-size:10px;}
a:visited {font-family:"Verdana", Helvetica, sans-serif;color:#000000; text-decoration:none;font-weight: bold;font-size:10px;}
a:hover {font-family:"Verdana", Helvetica, sans-serif; color:#99ccff; text-decoration:none;font-weight: bold;font-size:10px;}
a:active {font-family:"Verdana", Helvetica, sans-serif; color:#000000; text-decoration:none;font-weight: bold;font-size:10px;}
body {
background: #FFFFFF;
padding-left: 0px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
}
s
h1 {
font: small, Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}
HTML, BODY{
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#99ccff;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}
-->
</style>
Jag fick det att fungera nu. Jag la till:
a {font-family: "Verdana", helvetica, sans-serif;text-decoration: none;font-weight: normal;font-size: 10px;}
innan a:link.
Märk att jag hade "" runt verdana.
I exemplet som du (Fuel) gav mig tidigare så saknades "".
Tack för hjälpen.
klart " saknades .. ska vara så