Fejl i IE men ik i Firefox

Det er fordi at IE ikke forstår :hover på andet end a.
Så
div.menu_knap:hover {
    background: #FFFFFF;
}
virker ikke..
Men det kan løses med javascript, hvis det var noget?..

Hej.
I din
div.menu_knap { og
div.menu_knap:hover

Skal "background: #XXXXXX" være "background-color: #XXXXXX".

Hov, ja det har basementjack da ret i. Jeg havde lige forvekslet dem med links. Dumme mig.

Nå, men javascript er vel løsningen så.. :)

neocron forkert, det er ikke nødvendigt.
I CSS kan du nemlig gøre sådan her:

background: <farve> <billede> <repeat/norepeat> <fixed/osv> <position>;

Kan ikke huske om der er flere :P

Jeg vil helst undgå at bruge javescript... Men har set det virke, men kan ikke få deres CSS ting ind i min css fil...

morteeart - Du har dem alle mange, så vidt jeg husker.. :)

neocron - Nu er det også sent.. ;)

sixer - javacript

  function colorShift(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorness = 'lightblue'
    } else if (mode=="out") {
      cursortype = ''
      colorness = '#FAFAFF'
    }
  element.style.background=colorness;
  element.style.cursor=cursortype;
}

I brug :

        <table height="600" cellspacing="0" cellpadding="0" width="800" border="0">
            <tbody>
                <tr>

                    <td class="menu" onmouseover="colorShift(this,'in')" onmouseout="colorShift(this,'out')">
                        <a href="Pages/Nyheder.htm">Nyheder</a>
                    </td>
                    <td class="menu" onmouseover="colorShift(this,'in')" onmouseout="colorShift(this,'out')">
                        <a href="Pages/Billeder.htm">Billeder</a>
                    </td>
                    <td class="menu" onmouseover="colorShift(this,'in')" onmouseout="colorShift(this,'out')">
                        <a href="Pages/Priser.htm">Priser</a>

                    </td>
                    <td class="menu" onmouseover="colorShift(this,'in')" onmouseout="colorShift(this,'out')">
                        <a href="Pages/sos.htm">Spørgsmål og svar</a>
                    </td>
                    <td class="menu" onmouseover="colorShift(this,'in')" onmouseout="colorShift(this,'out')">
                        <a href="Pages/Kontakt.htm">Kontakt</a>
                    </td>
                </tr>
            </tbody>
        </table>

<script type="text/javascript">
function dhover(link,inout)
{
  styleObj = link.style;
  if(inout == 1)
  {
    styleObj.background = 'white';
  }
  else
  {
    styleObj.background = '';
  }
}
</script>

og så

<div onmouseover="dhover(this,1)" onmouseout="dhover(this,0)"> hejhej </div>

Som f.eks. på denne side her:
http://www.meyerweb.com/eric/css/edge/index.html

og faktisk kan du også løse det uden javascript

med

a { display: block; }

så er <a> tagget ligsom en div, og kan indstilles brede og højde på, og stadig hover, effekt. :)

morteeart:

Kan du lave et forslag hvor du bruger min css kode?

Hvis hans a skal være block elementer, kan de da ikke stilles op ved siden af hinanden som de er på hans side?..

Jeg har endnu ikke kunne stille dem side om side ved brug af display: block;

nej, block vil nemlig lave et linjeskift.

Derfor at du enten placerer dem i en table, eller også bruger javascript :)

<ole>

Ja, det er to muligheder ... meeeeeen  :)

<style type="text/css">
#menuBar {
    font: 11px verdana, arial, sans-serif;
    font-weight: bold;
}
#menuBar a, #menuBar a:visited {
    width: 100px;
    display: block;
    float: left;
    color: #ededed;
    background-color: #999999;
    text-align: center;
    text-decoration: none;
}
#menuBar a:hover {
    color: #999999;
    background-color: #ededed;
    text-decoration: none;
}
</style>

<div id="menuBar">
    <a href="#">TEST 1</a>
    <a href="#">TEST 2</a>
    <a href="#">TEST 3</a>
</div>

/mvh
</bole>

PS: Hvis du vil undgå, skidtet folder sammen, når sidebredden minimeres, kan du sætte en bredde på 'menuBar'

olebole:
hvad mener du med "Ja, det er to muligheder ... meeeeeen  :)"?

Men din kode her den virker, jeg har fået det sat op som jeg gerne vil have det til at se ud. Og det virker også i både IE og firefox nu.

Så smid lige et svar :)


I kan se det her: http://www.peppino.dk/ny/

Min første linie var en kommentar til morteeart's sidste linie. En tabel og JavaScript er to muligheder, men der er også en tredie ... det var såmænd bare det  :)

Nå okay. Men mange tak for hjælpen :)

... anytime  ;o)