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 fra DE-CIX
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