AngelMedlem sedan juni 2003124 inlägg Någon som ser något fel här...
Problemet är det här med länkarna... vissa länkar blir undersrukna, vissa länkar blir understrukna & ljusare blå, vissa länkar understrukna & samma blå, & vissa länkar blir ingenting, bara samma blå som övrig text....
Hur ska jag ha det för att det ska se snyggt & enhetligt ut med alla klickbara länkar??? Gärna förslag :-)
Min sida: http://w1.704.telia.com/~u70409935/
<style type="text/css">{ }
BODY {
font-family: verdana;
font-size:8 pt;
color:#000099;
background-color: transparent;
}-->
A:link{COLOR: #000099; TEXT-DECORATION: none; cursor:crosshair}
A:visited{COLOR: #000099; TEXT-DECORATION: none;}
A:hover{COLOR: #000099; text-decoration: underline overline; height:2; filter:blur; cursor:e-resize}
A:active{COLOR: #000099; TEXT-DECORATION: none;}
<!--BODY {
scrollbar-face-color: #6E8CD4;
scrollbar-highlight-color: #6E8CD4;
scrollbar-3dlight-color: #6E8CD4;
scrollbar-darkshadow-color: #6E8CD4;
scrollbar-shadow-color:#6E8CD4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6E8CD4;
}-->
iframe{
border: 1px dashed #88678A;
<<
Kram!
mikkeXMedlem sedan aug. 2002477 inlägg Välkommen till webforum!
Problemet är att din stilmall inte riktikt är konsekvent, pröva att göra så här:
<style type="text/css">
body {
font-family: verdana;
font-size:8pt;
color:#000099;
background-color: transparent;
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
a:link{
color: #000099; text-decoration: none; cursor:crosshair
}
a:visited{
color: #000099; text-decoration: none;
}
a:hover{
color: #000099; text-decoration: underline overline; height:2pt; filter:blur; cursor:e-resize
}
a:active{
color: #000099; text-decoration: none;
}
iframe{
border: 1px dashed #88678a;
}
Det är viktigt att psuedoklasserna för länkar kommer i en bestämd ordning (link, visited, hover, active - lvha), se
http://www.meyerweb.com/eric/css/link-specificity.html
Egenskaperna för scrollisten och filter: blur är Internet Explorer specifika och fungerar inte i andra webbläsare.
Du bör inte ange textstorlekar i punkter (pt) utan istället använda dig av pixlar (px). Punkter är för utskrifter och pixlar för skärmvisning.
Såg också att du skrivit isär storleken på ett par ställen, 8 pt ska vara 8pt.
AngelMedlem sedan juni 2003124 inlägg Det funkade nästan....
Titta in på sidan hur det blev när jag gjorde som ovan...
Sidorna som ska vara transparenta så layouten syns, blev vita & så blev det en streckad kant runt, meeeen länkarna blev enhetliga :-)
HUUUUR ska jag göra nu då för att fixa till det här?
Text-färgen blev svart oxå & jag vill ha den i färg #000099 & så vill jag att layouten ska synas på delsidorna?
http://w1.704.telia.com/~u70409935/
mikkeXMedlem sedan aug. 2002477 inlägg I din externa stilmall har du lagt in
<style type="text/css">
ta bor det det.
Och eftersom du har länkat in stilmallen så har du ingen nytta av att ha kvar stilmallen i dokumentet, så ta bort:
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #92A7E8;
scrollbar-highlight-color: #92A7E8;
scrollbar-3dlight-color: #92A7E8;
scrollbar-darkshadow-color: #92A7E8;
scrollbar-shadow-color:#92A7E8;
scrollbar-arrow-color: #92A7E8;
scrollbar-track-color: #92A7E8;
}
-->
</STYLE>
<style type="text/css">
A:link{COLOR: #000099; TEXT-DECORATION: none; cursor:crosshair}
A:visited{COLOR: #000099; TEXT-DECORATION: none;}
A:active{COLOR: #000099; TEXT-DECORATION: none;}
A:hover{COLOR: #000099; { text-decoration: underline overline}; height:2; filter:blur; cursor:e-resize}
-->
{ }
</style>
Från dina sidor.
Sedan är html-koden på dina sidor felaktig, om du vailderar koden så ser du att det finns en hel del fel:
http://validator.w3.org/check?uri=http%3A%2F%2Fw1.704.telia.com%2F~u70409935%2F&charset=(detect+automatically)&doctype=HTML+4.01+Transitional
Vad du bland annat har fått fel är att iframe-taggarna ligger inom head - dessa ska ligga inom body.
AngelMedlem sedan juni 2003124 inlägg Aha!
Jag tog bort <style type="text/css">
& genast så blev det lite bättre :)
Hur får jag bort den streckade kanten?
Funderar på vad du menar med det övriga i ditt inlägg?
Jag är ju inte så super-duper på det här med hemsidor, än så länge :)
Hoppas att du vill svara igen!
Kram!
~Angel