04. oktober 2007 - 09:23
Der er
8 kommentarer
problem med a:hover
Hej eksperter Har nogle links, som jeg gerne vil have til at blive grå når jeg mouseover dem. Disse links er af classen 'menulink' (<a class='menulink'>) Hvordan skal min css se ud for at med mouseover kun kommer tilat gælde for linksene af denne class?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
04. oktober 2007 - 09:40
#1
a.menulink :hover { ... } skulle gerne virke.
04. oktober 2007 - 09:48
#2
Nope det virker ikke. Har i forvejen: .menulink { text-decoration:none; font-weight:bold; } og a { text-decoration:underline; color:black; } som måtte pårivke links. Kan det have nogen betydning?
04. oktober 2007 - 10:09
#3
hvis du har din css til at hedde a.menulink :hover { er det pga du har et space mellem menulink og :
04. oktober 2007 - 14:40
#4
<ole> Vis os din kode i stedet for at byde op til quiz ;o) /mvh </bole>
04. oktober 2007 - 16:07
#5
:o) Efter ønske af ole: Css: /*** Generelt ***/ body { margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; background-color:#212A49; } a { text-decoration:underline; color:black; } td { vertical-align:top; } table { font-size:10px; } a img { border: 0px; } span.admin { font-weight: bold; color: green; } .adminlink { color:green; font-size:9px; } .infonyhedbillede { float:right; padding-right:100px; border:1px; padding-top:10px; } /*** LINKS ***/ #links { padding-left:125px; vertical-align:middle; font-weight:bold; color:white; } a.links { color:white; padding-left:10px; padding-right:10px; text-decoration:none; } #menu { padding-top:10px; padding-left:10px; padding-right:10px; } /*** INDHOLD ***/ span.pil { color:#EC9D22; font-weight:bold; } .menulink { text-decoration:none; font-weight:bold; } a.menulink :hover { color:grey; text-decoration:underline; } Siden: __________________________________ while($row = mysql_fetch_array($select)) { $overskrift = $row['overskrift']; $id = $row['id']; echo "<a class='menulink' href='index.php?side=$link&id=$id'>$overskrift</a><br />"; if(isset($_SESSION['admin'])) { echo "<a class='adminlink' href='index.php?side=rediger&navn=$underlink&id=$id'>Rediger</a> <a class='adminlink' href='index.php?side=slet&navn=$underlink&id=$id'>Slet</a><br /><br /> "; } else { echo ""; } } } } else { echo ""; }
04. oktober 2007 - 18:40
#6
det eneste mærkelige jeg kan se lige nu er din: a.menulink :hover { prøv at fjerne det space der er sådan den hedder: a.menulink:hover {
05. oktober 2007 - 21:10
#7
Så virker det :) Skaneeye og pidgeot i smider bare begge et svar!
05. oktober 2007 - 21:23
#8
Giv dem bare til Snakeeye - jeg springer over denne gang :)
Vi tilbyder markedets bedste kurser inden for webudvikling