Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z menu przesuwa się w dół
Forum PHP.pl > Forum > Po stronie przeglądarki
nikestylex7
Po kliknięciu w odnośnik menu przesuwa sie w dół. Oto screeny i kody.Jak temu zaradzić ?



  1. <div id="gora" >
  2. <div id="menu" >
  3. <ul>
  4. <li class="active"><a href="index.php" target="_top"><?php echo LANG_MENU_HOME; ?></a></li>
  5. <li><a href="http://forum.thestreetrace.com" target="_top"><?php echo LANG_MENU_FORUM; ?></a></li>
  6. <li><a href="profil.php" target="_top" ><?php echo LANG_MENU_PROFIL; ?></a></li>
  7. <li><a href="pomoc.php" target="_top" ><?php echo LANG_MENU_HELP; ?></a></li>
  8. <li><a href="kontakt.php" target="_top" ><?php echo LANG_MENU_CONTACT; ?></a></li>
  9. <li><a href="ranking.php" target="_top" ><?php echo LANG_MENU_RANKING; ?></a></li>
  10. <li><a href="pozyczka.php" target="_top" ><?php echo LANG_MENU_PREMIUM; ?></a></li>
  11. <li><?php
  12. if(isSet($_SESSION['alamakotaaaa'])){
  13. echo '<a href="wyloguj.php" target="_top">'.LANG_MENU_LOGOUT.'</a>';
  14. }
  15. else{
  16. echo '<a href="rejestracja.php" target="_top">'.LANG_MENU_REGISTRATION.'</a>';
  17. }
  18. ?></li>
  19. </ul>
  20. </div>
  21. </div>



#gora {
height: 37px;
background: url(images/image_menu.gif) repeat-x;

}

#menu {
width: 700px;
height: 27px;
margin: 0 auto;
align:center;
}

#menu ul {

padding: 7px 0 0 0;
list-style: none;
}
#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 15px 0 15px;
background: url(images/image_menu2.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(images/przyciski.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(images/glowny.gif);
}
IceManSpy
Pod FireFox'em jest ok. Nic się nie przesuwa.
Fifi209
Cytat(IceManSpy @ 1.08.2010, 10:20:40 ) *
Pod FireFox'em jest ok. Nic się nie przesuwa.

Chciałbym poznać sposób w jaki udało Ci się to przetestować skoro nie podał linka do swojej strony.

@topic
Jak są ładowane strony? Daj więcej kodu.
Damonsson
Pod Operą, na początku to menu jest niżej, a po hover wraca na swoje miejsce i już tam pozostaje niezależnie co się kliknie. Pod FF wszystko ok tak jak kolega niżej (edit: wyżej) napisał.

@fifi209 jesteśmy super haxiorami winksmiley.jpg
http://forum.thestreetrace.com/
vokiel
Ja bym to poprawił na taki:
  1. #menu {
  2. height:37px;
  3. margin:0 auto;
  4. overflow:hidden;
  5. width:700px;
  6. }
  7. #menu ul {
  8. height:35px;
  9. list-style:none outside none;
  10. margin:8px 0px 0px 0px;
  11. overflow:auto;
  12. padding:0px;
  13. }
  14. #menu li {
  15. float:left;
  16. padding:1px;
  17. }
  18. #menu a {
  19. background:url("images/image_menu2.gif") repeat-x scroll 0 0 transparent;
  20. border:1px solid #222222;
  21. color:#FFFFFF;
  22. display:block;
  23. float:left;
  24. font-size:9px;
  25. font-weight:bold;
  26. height:25px;
  27. margin:0px 5px 0px 0px;
  28. padding:2px 15px;
  29. text-align:center;
  30. }
nikestylex7
Skopiowałem twój kod wszystko gitarka nic się nie obniża lecz wyskoczył mi teraz pasek przewijania.
vokiel
U mnie w ff było ok. Może tak (bez definiowania wysokości, i tak się rozciągnie wg dziecka):
  1. #menu ul {
  2. list-style:none outside none;
  3. margin:8px 0px 0px 0px;
  4. overflow:auto;
  5. padding:0px;
  6. }
nikestylex7
Dzięki vokiel pomogłeś smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.