Forum PHP.pl

Witam!
Posiadam menu na stronie z takim oto kodem:
CSS:

[PHP] pobierz, plaintext 
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 28%;
    list-style: none;
    z-index:999999;
}
 
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;
}
 
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 40px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    text-decoration:none;
    border:1px solid #BDDCEF;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
 
ul#navigation .glowna a{
    background-image: url(../images/home.png);
}
ul#navigation .user a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .admin a      {
    background-image: url(../images/admin.png);
}
ul#navigation .cennik a      {
    background-image: url(../images/cennik.png);
}
ul#navigation .zamow a   {
    background-image: url(../images/platnosc.png);
}
ul#navigation .logowanie a     {
    background-image: url(../images/klodka.png);
}
ul#navigation .kontakt a    {
    background-image: url(../images/mail.png);
}
ul#navigation .rejestracja a    {
    background-image: url(../images/rejestruj.png);
}
ul#navigation .szukaj a    {
    background-image: url(../images/search.png);
}
ul#navigation .wyloguj a    {
    background-image: url(../images/wyloguj.png);
}
ul#navigation .mod a    {
    background-image: url(../images/mod.png);
}
ul#navigation .kategorie a    {
    background-image: url(../images/kategorie.png);
}
[PHP] pobierz, plaintext 

JQuery

[PHP] pobierz, plaintext 
$(function() {
    var d=300;
    $('#navigation a').each(function(){
        $(this).stop().animate({
            'marginTop':'-80px'
        },d+=150);
    });
    $('#navigation > li').hover(
    function () {
        $('a',$(this)).stop().animate({
            'marginTop':'-2px'
        },200);
    },
    function () {
        $('a',$(this)).stop().animate({
            'marginTop':'-80px'
        },200);
    }
);
});
[PHP] pobierz, plaintext 

i menu:

[HTML] pobierz, plaintext 
<ul id="navigation">
 <li class="glowna"><a href="index.php"><span>Strona główna</span></a></li>
 <li class="cennik"><a href="cennik.php"><span>Cennik</span></a></li>
 <li class="zamow"><a href="zamow.php"><span>Zamów</span></a></li>
 <li class="kategorie"><a href="cats.php"><span>Kategorie</span></a></li>
 <li class="kontakt"><a href="kontakt.php"><span>Kontakt</span></a></li>
</ul>
[HTML] pobierz, plaintext 

Pod tym jest div - id "reklamy", i cała reszta strony.
Chciałbym, aby po wysunięciu którejś z części tego menu obniżała się cała strona.

Wiem że to znając życie banał, ale nie mam pomysłu (IMG:style_emoticons/default/sad.gif)

zamień css ul#navigation na to:

[HTML] pobierz, plaintext 
ul#navigation {
margin: 0px;
margin-top: -30px;
right: 30%;
list-style: none;
z-index: 999999;
[HTML] pobierz, plaintext 

Ten post edytował MlodyJNTR 16.01.2013, 17:07:35

Funkcjonuje to co podałeś, jednakże to tylko przesuwa tekst, a nie obniża div (IMG:style_emoticons/default/sad.gif)

By dobrze działało tylko że masz tekst ustawiony na <center>...</center>.