Menu unosi się przez HOVER.

[kulig9]

Witam.
Mam poziome menu, i gdy sobie ustawiam , że ma się pojawiać hover to monu unosi się do góry i zmienia swoją pozycję, proszę o pomoc...

Kod:

#menu{
width: 670px;
    height:10px;
    margin-top: 120px;
    float: right;    
    z-index:4;
    position:relative;
    

    
}

#menu ul,li {
    font-size: 16px;
    font-family: Georgia, Arial, Verdana, Times New Roman;
    display: block;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0px 10px 0 0;
    float: left;
    text-decoration: none;
    
    }


#menu li a{
    text-decoration: none;
    color:#fff;
}    

#menu li a:hover{
    color:#ffc000;
}

#menu li:hover{
    width: 152px;
    height: 54px;
    background: url(../images/hover.png) no-repeat);
    position: relative;
}

[Kartofelek]

Moze dlatego, ze te style są nieco bez sensu?
Bez hover dla li nie masz podanych wymiarów, a dla hover masz. Sensu brak.

[kulig9]

kurcze;/ a czy moglibyście mi pomoć z tym? Bo wczoraj się meczyłem z tym i kompletnie nic;/ Na forum znalazłem ifo żeby pobawić się paddingami itp, ale nic nie wskórałem:/:/
na screenie zamieszczam tylkoa:hover, sam hover powoduje zmienianie odległości między linkami;/

Kod:

#menu{
width: 500px;
    height:10px;
    margin-top: 120px;
    float: right;    
    z-index:4;
    position:relative;
    
}

#menu ul,li {
    font-size: 16px;
    font-family: Georgia, Arial, Verdana, Times New Roman;
    display: block;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0px 10px 0 0;
    float: left;
    text-decoration: none;    
    }

#menu li a{
    text-decoration: none;
    color:#fff;
}    

#menu li a:hover{

    color:#630000;
}

#menu li:hover{
    width: 152px;
    height: 54px;
    background: url(../images/hover.png) no-repeat);
    position: relative;
}
    .dove {
        width: 391px;
        height: 339px;
        background: url(../images/dove.png) no-repeat;
        float: right;
        margin-top: -161px;
        z-index:2;
        position: relative;
    }

Kod:

    <div id="menu">
                <ul>
                        <li><a href="index.html">Strona Główna</a></li>
                        <li><a href="omnie.html">O Mnie</a></li>
                        <li><a href="oferta.html">Oferta</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="contact.html">Kontakt</a></li>
                    </ul>
                </div>
                    
        </div>
    </div>
    
        
                    <div id="slider">
            <div class="dove">
        </div>

[Kartofelek]

Przecież dałem ci odpowiedź. W definicji li nie masz podanych wymiarów. A dla li:hover masz. Zero logiki.

[Jozeph]

Może zobacz tu:

http://www.kurshtml.boo.pl/css/poziome_menu,menu.html

Widać nie wszystko sprawdziłeś...