Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Nie mogę wyśrodkować poziomego menu
smiesznylolek
post
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 27.12.2011

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

witam,
mam taki bardzo banalny problem i nie mogę sobie z tym poradzić. Mam takie proste menu w poziomie i do niego cssa, chciałbym żeby było to menu idealnie na środku strony i dodatkowo aby było wydoczne cały czaś (fixed). Kombinuje na wszelkie sposoby i nie mogę sobie z tym dać rady... Prosił bym Was o pomoc. 

[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.   <head>
  5.     <meta charset="utf-8">
  6.     <title></title>
  7. </head>
  8. <body>
  9. <ol>
  10.     <li><a href="#">Link 1</a></li>
  11.     <li><a href="#">Link 2</a></li>
  12.     <li><a href="#">Link 3</a></li>
  13.     <li><a href="#">Link 4</a></li>
  14.   </ol>
  15. </body>
  16. </html>
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  1.  ol {
  2.         list-style-type:none;
  3.         padding:0;
  4.         margin:0;
  5.         background-color:#FFF;
  6.         font-size:18px;
  7.         height:2em;
  8.         line-height:2em;
  9.         text-align:center;
  10.       }
  11.  
  12.  
  13.       ol a {
  14.         display:block;
  15.         text-decoration:none;
  16.         color:#000;
  17.         padding:0 5px;
  18.       }
  19.  
  20.  
  21.       ol > li {
  22.         float:left;
  23.         width:150px;
  24.         margin-left:1px;
  25.         background-color:#FDD700;
  26.         height:2em;
  27.       }
  28.  
  29.       ol > li:hover {
  30.         background-color:#EEE;
  31.       }
  32.  
  33.       ol > li:hover > a {
  34.         color:#09C;
  35.       }
  36.  
  37.       ol > li:hover > ul {
  38.         display:block;
  39.       }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

http://jsfiddle.net/1z9db8j1/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 22.08.2025 - 15:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn