Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]pozycjonowanie menu, centrowanie menu na www
b5000
post 13.12.2013, 13:41:06
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 12.12.2013

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
nospor
post 13.12.2013, 13:44:09
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Closed TopicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn