Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Menu unosi się przez HOVER. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Menu unosi się przez HOVER. (/thread-menu-unosi-sie-przez-hover)

Menu unosi się przez HOVER. - kulig9 - 19-08-2010

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;
}


RE: Menu unosi się przez HOVER. - Kartofelek - 19-08-2010

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

RE: Menu unosi się przez HOVER. - kulig9 - 19-08-2010

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;/
[Obrazek: 60911990.jpg]


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>


RE: Menu unosi się przez HOVER. - Kartofelek - 20-08-2010

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

RE: Menu unosi się przez HOVER. - Jozeph - 20-08-2010

Może zobacz tu:

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

Widać nie wszystko sprawdziłeś...