Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak przedłużyć menu
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Johnas
31.07.2010, 19:48:15
Witam mam oto taki kod:
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Youphoto-Wrzucaj swoje zdjęcia</title>
  7. <link rel="stylesheet" href="css/style.css" type="text/css"
  8. media="screen" />
  9. <style>
  10. .menu { height:39px; }
  11. .menu ul {margin:0px; padding:0px;  list-style-type:none ; }
  12. .menu ul li {position:relative ; float: left; }
  13. .menu ul li ul {visibility:hidden; position:absolute; top:39px; }
  14. .menu ul :hover ul {visibility:visible}
  15.  
  16. .menu a {display:block; line-height:39px; background: #242424; color:white; text-decoration:none; text-indent:10px; padding-right: 10px; font-family:verdana; font-size:10px; }
  17. .menu a:hover {background:#343434;}
  18.  
  19. </style>
  20.  
  21. </head>
  22. <body>
  23. <center><img src="css/img/logo.png"></center>
  24.  
  25.  <?php if (isset($_SESSION['login'])) { echo ''; } else {?>
  26.  
  27.  <div class="menu">
  28.   <ul>
  29.    <li><a href="index.php" title="">Strona główna</a></li>
  30.    <li><a href="" title="">Moje konto</a>
  31.      <ul>
  32.  
  33.       <li style="width: 200px;"><a href="logowanie.php" title="">Zaloguj</a></li>
  34.       <li style="width: 200px;"><a href="rejestracja.php" title="">Zarejestruj</a></li>
  35.  
  36.  
  37.      </ul>
  38. </li>
  39.    <li><a href="viewnews.php" title="" >Newsy</a></li>
  40.    <li><a href="logowanie.php?wylogowanie=tak" title="" >Wyloguj</a></li>
  41.  
  42.   </ul>
  43.  </div>
  44. 	  <?php } ?>
  45. 	 <?php if (!isset($_SESSION['login'])) { echo ''; } else {?>
  46. 	  <div class="menu">
  47.   <ul>
  48.    <li><a href="index.php" title="">Strona główna</a></li>
  49.    <li><a href="" title="">Moje konto</a>
  50.      <ul>
  51.  
  52. 	  <li style="width: 200px;"><a href="zmiana-danych.php">Edytuj profil</a></li>
  53.       <li style="width: 200px;"><a href="upload.php">Dodaj zdjęcie</a></li>
  54. 	  <li style="width: 200px;"><a href="wybierz.php">Usuń zdjęcie</a></li>
  55. 	  <li style="width: 200px;"><a href="viewphoto.php?nr=<?php echo ''. $_SESSION['id'];?>">Twoje Zdjęcia</a></li>
  56. 	  <li style="width: 200px;"><a href="profile.php?user_id=<?php echo ''. $_SESSION['id'];?>">Twój profil</a></li>
  57.      </ul>
  58. </li>
  59.    <li><a href="viewnews.php" title="" >Newsy</a></li>
  60.    <li><a href="logowanie.php?wylogowanie=tak" title="" >Wyloguj</a></li>
  61.  
  62.   </ul>
  63.  </div>
  64. 	  <?php } ?>
  65. <br />
[PHP] pobierz, plaintext


I wygląda ono tak Pytanie moje jak zrobić aby do końca loga była zaślepka takiego samego koloru co menu?
krzysztof_kf
31.07.2010, 20:08:04
zmienić na 

[CSS] pobierz, plaintext 
  1. .menu { height:39px; width: 100%; background: #242424; }
[CSS] pobierz, plaintext



ewentualnie inną szerokość ustaw propocjonalnie do loga .
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.