Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]pozycjonowanie menu
Forum PHP.pl > Forum > Przedszkole
b5000
13.12.2013, 13:41:06
Witam wczoraj pisałem post ale albo a=moderatorzy go usunęli albo nie załączył się na stronie ponieważ net zamulił, ale do rzeczy, potrzebowałbym żeby wycentrować moenu. Nietsety jestem raczkujacym w dziedzinie html/xhtml i css i liczę na małe podpowiedzi z waszej strony.

[HTML] pobierz, plaintext 
  1.  
  2.   <style>
  3.  
  4.  
  5.  
  6.       ol {
  7.         list-style-type:none;
  8.         padding:0;
  9.         margin:0;
  10.         background-color:black;
  11.         font-size:18px;
  12.         height:2em;
  13.         line-height:2em;
  14.         text-align:center;
  15.       }
  16.  
  17.       ol a {
  18.         display:block;
  19.         text-decoration:none;
  20.         color:white;
  21.         padding:0 10px;
  22.       }
  23.  
  24.       ol > li {
  25.         float:left;
  26.         width:250px;
  27.         margin-left:1px;
  28.         background-color:grey;
  29.         height:2em;
  30.       }
  31.  
  32.       ol > li:first-child {
  33.         margin-left:0;
  34.       }
  35.  
  36.  
  37. li */
  38.       ol > li:hover {
  39.         background-color:green;
  40.       }
  41.  
  42.  
  43.  
  44.       ol > li:hover > a {
  45.         color:white;
  46.       }
  47.  
  48.       /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu 
  49.  
  50.  
  51.       ol > li:hover > ul {
  52.         display:block;
  53.       }
  54.  
  55.  
  56.  
  57.       ol > li > ul {
  58.         display:none;
  59.         list-style-type:none;
  60.         padding:0;
  61.         margin:0;
  62.       }
  63.  
  64.       /* wygląd elementu - li - w części rozwijanej */
  65.       ol > li > ul > li {
  66.         background-color:green;
  67.       }
  68.  
  69.       /* wygląd elementu - a - w części rozwijanej */
  70.       ol > li > ul > li > a {
  71.         border-top:1px solid white;
  72.       }
  73.  
  74.       ol > li > ul > li:hover {
  75.         background-color:#DDD;
  76.       }
  77.  
  78.       ol > li > ul > li:hover > a {
  79.         color:#09C;
  80.       }
  81.     </style>
  82.  
  83.   </head>
  84.  
  85. <body>
  86.  
  87.   <ol>
  88.     <li><a href="#">O mnie - </a>
  89.       <ul>
  90.         <li><a href="#">link - </a></li>
  91.         <li><a href="#">link - </a></li>
  92.         <li><a href="#">link - </a></li>
  93.         <li><a href="#">link - </a></li>
  94.         <li><a href="#">link - </a></li>
  95.       </ul>
  96.     </li>
  97.  
  98.     <li><a href="#">Serwis - </a>
  99.       <ul>
  100.         <li><a href="#">link - </a></li>
  101.         <li><a href="#">link - </a></li>
  102.         <li><a href="#">link - </a></li>
  103.       </ul>
  104.     </li>
  105.  
  106.     <li><a href="#">Kontakt - 3</a></li>
  107.  
  108.     <li><a href="#">Ftp - 4</a>
  109.       <ul>
  110.         <li><a href="ftp://www.serwer.com.pl">FTP</a></li>
  111.         <li><a href="#">link - 2</a></li>
  112.         <li><a href="#">link - 3</a></li>
  113.         <li><a href="#">link - 4</a></li>
  114.       </ul>
  115.     </li>
  116.   </ol>
  117.  
  118. </body>
  119. </html>
  120.  
  121.  
[HTML] pobierz, plaintext



Jeśle coś źle wstawiłęm poprawcie mnie panowie i panie.
nospor
13.12.2013, 13:44:09
Cytat
Witam wczoraj pisałem post ale albo a=moderatorzy go usunęli albo nie załączył się na stronie ponieważ net zamulił,
Twoj temat jak w przedszkolu lezal tak i lezy. Nikt go nie usuwal ani nie przenosil. Moze trza zainwestowac w okulary?
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.