Avatar billede noodrem Nybegynder
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?
Avatar billede pidgeot Nybegynder
04. oktober 2007 - 09:40 #1
a.menulink :hover {
...
}

skulle gerne virke.
Avatar billede noodrem Nybegynder
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?
Avatar billede snakeeye Nybegynder
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 :
Avatar billede olebole Juniormester
04. oktober 2007 - 14:40 #4
<ole>

Vis os din kode i stedet for at byde op til quiz  ;o)

/mvh
</bole>
Avatar billede noodrem Nybegynder
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 "";
}
Avatar billede snakeeye Nybegynder
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 {
Avatar billede noodrem Nybegynder
05. oktober 2007 - 21:10 #7
Så virker det :)

Skaneeye og  pidgeot i smider bare begge et svar!
Avatar billede pidgeot Nybegynder
05. oktober 2007 - 21:23 #8
Giv dem bare til Snakeeye - jeg springer over denne gang :)
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