Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z rozwijanym menu
Forum PHP.pl > Forum > Przedszkole
siwym
Witam. .
Mam problem.
Posiadam taki kod
Plik menu.html
  1. <div id="menuco">
  2. <div id="menu"> <p>Menu</p>
  3. <ul>
  4. <li><a href="#">Strona Główna</a></li>
  5. <li><a href="#">Kontakt</a></li>
  6. <li><a href="#">Forum</a></li>
  7. </ul>
  8. </div>
  9. <div id="menu1"> <p>Menu</p>
  10. <ul class="ul">
  11. <li><a href="#">Strona Główna</a></li>
  12. <li><a href="#">Download</a></li>
  13. <li><a href="#">Kontakt</a></li>
  14. <li><a href="#">Forum</a></li>
  15. </ul>
  16. </div>
  17. </div>

do tego fragment kody CSS odnaszacy sie do tego menu:
  1. #menuco {
  2. height:auto;
  3. font-family: Verdana, Sans-serif; /* krój czcionki */
  4. font-size: 10px;/* rozmiar czcionki */
  5. float:left;
  6. color:#FFF;
  7. vertical-align:top;
  8. }
  9.  
  10. #menu { /* div "menu" */
  11. background-image:url(images/menu/1.png);
  12. float:left;
  13. width: 150px; /* szerokość */
  14. border: 0px solid #D3D3D3; /* obrazmowanie */
  15. height: 30px; /* wysokość */
  16. overflow: hidden; } /* przycinanie */
  17.  
  18. #menu:hover { /* najechane menu */
  19. color:#4d7db8;
  20. width: 150px; /* szerokość */
  21. height: 100%; } /* wysokość (wartość musi być 100% lub "auto" */
  22.  
  23. ul { /* ul */
  24. margin: 0px; /* margines */
  25. padding: 0px; } /* odstęp */
  26.  
  27. li { /* li */
  28. list-style-type: none; /* rodzaj wykazu */
  29. width: 150px;} /* szerokość */
  30.  
  31. li a { /* linki */
  32. text-decoration: none; /* dekoracja linka */
  33. display: block; /* rodzaj wyświetlenia elementów */
  34. width: 150px; /* szerokość */
  35. padding: 5px; /* odległości */
  36. color:#fff;; } /* kolor linka */
  37.  
  38. li a:hover { /* najechany link */
  39. text-decoration: none; /* dekoracja tekstu */
  40. width: 150px; /* szerokość */
  41. padding: 5px; /* odległości pomiedzy linkami */
  42. background-image:url(images/menu/tlo.png);}


i chce wyswietlic te menu funkcja include w tabeli pod bannerem biggrin.gif

wszystko jednie pieknie ale jak menu sie otwiera automatycznie wiersz pod nim przesuwa sie na dol sad.gif
Chodzi o to aby przy rozwijaniu wiersz dolny zostal na swoim miejscu a menu go przykrylo. Czy za pomoca html i css da rade to zrobic czy trzeba zasiegnac JS ?

Dla jasnosci podam kod szkieletu:
  1. <table width="100px" cellpadding="0" cellspacing="0" border="0">
  2. <tr>
  3. <td width="100px" colspan="4">
  4. <?php include 'banner.php';
  5. ?>
  6. </td>
  7. </tr>
  8. <tr>
  9. <td height="30px" colspan="4" valign="top">
  10. <?php include 'menu.php';
  11. ?>
  12. </td>
  13. </tr>
  14. <tr>
  15. <td>
  16. </td>
  17. </tr>
  18.  
  19. <tr>
  20. <td width="600px">
  21. <?php
  22. $strona = $_GET['strona'];
  23. if(empty($strona)){
  24. include 'glowna.php';
  25. }
  26. else{
  27. if($strona == "index.php") {
  28. echo 'Przepraszamy, ale wystąpił błąd. Próba wczytania strony może spowodować zawieszenie serwera';
  29. }
  30. else{
  31. include $strona;
  32. }
  33. }
  34. ?>
  35. </td>
  36. </tr>
  37. </table>
BlackWorth
w css z-index daj
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.