Avatar billede bessemord Nybegynder
11. marts 2004 - 12:24 Der er 11 kommentarer og
1 løsning

problemer med css!

Hej eksperter!

Hvorfor kan jeg ikke få mit menu style til at virke på den tabel jeg har tildelt den?
-------------------------------------------------------------
<style type="text/css">
<!--
menu {
    background : #F2F2F2;
    display:block;
    width:118px;
    font-family: verdana;
    font-size: 10px;
    color: #000000;
    height: 17px;
    border: 1px solid #CCCCCC;
}

menu:hover {
    background : #F2F2F2;
    display:block;
    width:118px;
    font-family: verdana;
    font-size: 10px;
    color: #FF6600;
    height: 17px;
    border: 1px solid #003366;
}
-->
</style>
<table width="125" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><table class="menu">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
Avatar billede roenving Novice
11. marts 2004 - 12:35 #1
Du mangler en klasse-definitions-mærke i dine selectorer:

.menu {

-- og så er :hover-pseudo-selectoren elendigt understøttet af de nuværende browsere, det er vist kun Gecko-maskinen som har implementeret den del af css2-standarden, men den er jo også sprit-ny (1999 !-)
Avatar billede jacobclausen Nybegynder
11. marts 2004 - 12:46 #2
Tak - den virker nu :)
ligger du lige et svar!
Avatar billede jacobclausen Nybegynder
11. marts 2004 - 12:47 #3
vens bruger jeg skriver fra, kan først accepterer senerer
Avatar billede roenving Novice
11. marts 2004 - 12:53 #4
Hrm ?-)
Avatar billede jacobclausen Nybegynder
11. marts 2004 - 13:02 #5
Det funker ikke helt endnu
Nu ser min kode sådan her ud, men min hover virker stadig ikke - hvorfor?
--------------------
<style type="text/css">
<!--
.menu {
    background : #FFFFFF;
    display:block;
    width:120px;
    font-family: verdana;
    font-size: 10px;
    color: #000000;
    height: 2px;
    border: 1px solid #CCCCCC;
}

.menu:hover {
    background : #FFFFFF;
    display:block;
    width:120px;
    font-family: verdana;
    font-size: 10px;
    color: #FF6600;
    height: 15px;
    border: 1px solid #003366;
}
-->
</style>
<table width="123" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right" valign="top"><table class="menu">
      <tr>
        <td height="14">Forside</td>
      </tr>
    </table></td>
  </tr>
</table>
Avatar billede roenving Novice
11. marts 2004 - 13:06 #6
Som jeg skrev i første kommentar er :hover ikke understøttet af ret mange browsere på andet end <a>-tags, så du skal nok ikke forvente, at M$ tager den med før det bliver et krav for at kalde det css3-kompatibelt !-)
Avatar billede jacobclausen Nybegynder
11. marts 2004 - 13:07 #7
hmm... så prøver jeg at lave dem i javascript istedet :)
Avatar billede bessemord Nybegynder
11. marts 2004 - 21:18 #8
tilbage igen.

Du skal have tak for hjælpen :) lig venligst et svar
Avatar billede bessemord Nybegynder
12. marts 2004 - 21:48 #9
lagde du lige et svar?
Avatar billede roenving Novice
12. marts 2004 - 21:49 #10
Velbekomme '-)
Avatar billede roenving Novice
12. marts 2004 - 21:56 #11
-- og tak for points ;~}
Avatar billede bessemord Nybegynder
12. marts 2004 - 21:57 #12
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
Kurser inden for grundlæggende programmering

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