När man för musen över länkar så kan man ju välja olika "text-decoration".
Kan man göra så att det blir en "ruta" runt länken istället för bara en under/overline?
CSS. Länkar
13 svar · 243 visningar · startad av bymarie
[red]a:hover { border: 1px solid #000; }[/red]
Tack!
En annan liknande fråga.
När man för musen över en länk så går det ju att få en underline, men hur får man den i en annan färg än vad länken är i?
ex.
[red]a:hover {
color: red;
text-decoration: none;
font-size: 10px;
border-bottom: 1px solid #000;
}[/red]
Hmm.. det händer ingenting.
Du måste ha med dom attributen som jag skrev här ovan,
text-decoration och font-size, annars fungerar det inte.
mer ex.
[red]a:link, a:visited {
color: blue;
text-decoration: none;
font-size: 10px;
}
a:hover {
color: red;
font-size: 10px;
border-bottom: 1px solid #000;
}[/red]
Har med alla attribut. Men det är bara länken som byter färg. Det kommer inget under.
Funkar inte den här sidan?
Jo, det funkade för mig. Ett tag.
Varför funkar det inte när länken ligger i en <div>?
Det är med all säkerhet så att du ha något som "stör" <a>-taggen.
Det här är sjukt, men det funkar faktiskt inte..
Kan visa koden:
Style.css
body { font-size: 9px; background-color: #666666; cursor:url("hand.cur"); font-family: small fonts,tahoma,verdana; }
a:hover { font-size: 9px; border-bottom: 1px solid black; color: #cccccc; }
a:link { font-size: 9px; color: #999999; text-decoration: none; }
a:visited { font-size: 9px; color: #999999; text-decoration: none; }
font.besokt { font-size: 9px; color: red; text-decoration: none; }
#test { left: 321px; width: 300px; position: absolute; top: 564px; }
Kod i index.php
<body>
<div id="test"><font class="besokt">START</font> <a href="aas.com">PERSONLIGT</a>
<a href="aas.com">DAGBOKEN</a>
</div>
</body>
Tar jag bort #test i style.css så funkar det. Men då hamnar ju inte texten där den ska..
Beror som sagt på att div´en stör <a-taggen.
Lägg padding-bottom: 1px; på #test så kommer det säkerligen funka.
Det funkar! Tack! :)