webForumDet fria alternativet

Css/klickbara länkar

4 svar · 329 visningar · startad av Angel

AngelMedlem sedan juni 2003124 inlägg
#1

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
#2

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
#3

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
#4

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
#5

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

130 ms totalt · 3 externa anrop · v20260731065814-full.91fd2ad2
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)