Avatar billede lars-k Nybegynder
18. april 2001 - 13:16 Der er 9 kommentarer og
1 løsning

CSS - A:hover i <span> tag

Hej

Hvordan putter jeg lige A:hover i et <span> tag?

Dette virker helt sikkert ikke:  <span style=\"A:hover\'color: #faebd7; text-decoration: none;font-weight: 600; font-size: 10pt\'\">

Lars-k :-)
Avatar billede ras2000 Nybegynder
18. april 2001 - 13:26 #1
Prøv at definere en klasse i dit style sheet, og brug denne klasse i dit span.
Noget ala
<style type=\"text/css\">
a:hover.spannet  {color:#faebd7; text-decoration: none;font-weight: 600; font-size: 10pt}
</style>
...
<span class=\"spannet\"...>
Avatar billede lars-k Nybegynder
18. april 2001 - 13:28 #2
Hej ras2000

Ja, det kender jeg godt. Jeg er interesseret i, om jeg ikke kan lave et inline stylesheet med A:hover, som man eksempelvis kan gøre med font-size, color osv.

Lars
Avatar billede ras2000 Nybegynder
18. april 2001 - 13:36 #3
Jo, men så skal du vist gøre det i det tag der bliver berørt, i dit tilfælde a tagget. Men jeg tror ikke du kan ændre :hover værdien der. Men er det ikke nemmere at samle dit style sheet et sted?
Avatar billede lars-k Nybegynder
18. april 2001 - 13:39 #4
Jo, men nu er der jo lige Netscape browserne.... Det er der jeg støder på problemer. Jeg kan godt lave alle link vha. et stylesheet, men kalder jeg en speciel klasse, virker det ikke i Netscape. (Min drømmeverden har kun en browser......:-))

Lars-k
Avatar billede ras2000 Nybegynder
18. april 2001 - 13:45 #5
Surt show. Du kan scripte dig ud af det. En simpel javascript kan gøre det samme, hvis det er hover farven du vil ændre. Du skal bare lægge en <a href=\"enside.htm\" onmouseover=\"skift_farve(this)\" onmouseout=\"uskift_farve(this)\">linket</a>
Du skal så definere dine funktioner (u)skift_farve(element) oppe i head. Jeg kan godt lave funktionen til dig, men jeg gider ikke hvis du aligevel ikke vil bruge det.
Avatar billede lars-k Nybegynder
18. april 2001 - 13:52 #6
Hej ras2000

Jo, hvis du kan lave den vil jeg så sandelig bruge den. Jeg er ikke ligefrem en ørn til JavaScript. Så har du tid vil det bare være dejligt.

Lars-k
Avatar billede ras2000 Nybegynder
18. april 2001 - 14:08 #7
Du skal som sagt lægge den ind oppe i head:
...
<html>

<head>
<title>New Page 1</title>
<script type=\"text/javascript\">
function skift_farve(element) {
  element.style.color = \'#faebd7\';
}
function uskift_farve(element) {
  element.style.color = \'#her skal den almindelige farve stå\';
}
</script>
</head>
<body>
<a href=\"noget\" onmouseover=\"skift_farve(this)\" onmouseout=\"uskift_farve(this)\">aksljdfhkjashdf</a>
</body>

</html>
Jeg tror ikke syntaksen er korrekt for ns, jeg prøver lige at se hvordan det skal gøres.
Avatar billede ras2000 Nybegynder
18. april 2001 - 14:17 #8
Nå, jeg har kigget lidt på det, og det skulle virke i Netscape også. Du kan evt. kigge her, der er det diskutteret lidt mere.
http://www.eksperten.dk/spm/3967
Avatar billede lars-k Nybegynder
18. april 2001 - 14:35 #9
Hej ras2000

Det funker bare. Tak skal du have.

Lars-k :-)
Avatar billede ras2000 Nybegynder
18. april 2001 - 14:38 #10
Så lidt!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester