Avatar billede Six Nybegynder
08. januar 2004 - 15:27 Der er 4 kommentarer og
1 løsning

Mouseover i css

Hej eksperter.

Jeg har et problem. Jeg er blevet stillet en opgave i skolen. Jeg må ikke bruge andre ting end Css og xhtml.

Kan det lade sig gøre at lave en mouseover effekt på en div. UDEN brug af andet end css og xhtml ?
Avatar billede staz Nybegynder
08. januar 2004 - 15:31 #1
Kommer an på hvad du mener med mouseover! Du kan skifte baggrunden på en helt table fx. og den er jo lovlig nok at have i et div tag, så det må vel kunne kvalificere =)
Avatar billede Six Nybegynder
08. januar 2004 - 15:33 #2
Jeg så gerne et eksempel på, hvordan man kan lave det.
Avatar billede cdc Novice
08. januar 2004 - 15:34 #3
en gamel en her fra E

<html>

<head>
<title></title>

<style type="text/css">
<!--

BODY {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background: #000000;
}
a.menu {
    FONT-SIZE: 10px;
    background : #000000;
    color: #ffffff;
    text-decoration : none;
    display:block;
    width:100%;
    border: 1 solid #C00000;
    letter-spacing: 4px;
    padding: 4;
}

a.menu:hover {
    FONT-SIZE: 10px;
    background : #ffffff;
    color: #000000;
    display:block;
    width:100%;
    border: 1 solid #C00000;
    letter-spacing: 4px;
    padding: 4;
}
a.menu:active{
    FONT-SIZE: 10px;
    background : #636363;
    color: #ffffff;
    display:block;
    width:100%;
    border: 1 solid #C00000;
    letter-spacing: 4px;
    padding: 4;
}


-->
</style>
<base target="_self">
</head>

<body topmargin="0" leftmargin="0">

                                <table border="0" cellspacing="1" cellpadding="0">
                                  <tr>
                                    <td width="100%" class="menu" align="center">
                                      <p align="center"><a href="#" class="menu">MENUPUNKT
                                      01</a></p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="100%" class="menu" align="center">
                                    <a href="#" class="menu">MENUPUNKT
                                      01</a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="100%" class="menu" align="center">
                                    <a href="#" class="menu">MENUPUNKT
                                      01</a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="100%" class="menu" align="center">
                                    <a href="#" class="menu">MENUPUNKT
                                      01</a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="100%" class="menu" align="center">
                                    <a href="#" class="menu">MENUPUNKT
                                      01</a>
                                    </td>
                                  </tr>
                                </table>

</body>

</html>
Avatar billede Six Nybegynder
08. januar 2004 - 15:38 #4
Jamen, jeg takker mange gange. smid lige et svar :)
Avatar billede cdc Novice
08. januar 2004 - 15:42 #5
svarer
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