Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Problem z wyrodkowaniem menu, div, ul i center
raczkowski1
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 26.07.2007

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

Witam
Mam menu na stronie Przykad i za cholerę nie wiem jak wyśrodkować w nim tekst.

Dzięki za pomoc (IMG:style_emoticons/default/sad.gif)

Ten post edytował raczkowski1 17.08.2009, 17:04:05
Go to the top of the page
+Quote Post
AxZx
post
Post #2





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

Cytat(raczkowski1 @ 17.08.2009, 18:03:21 ) *
Witam
Mam menu na stronie Przykad i za cholerę nie wiem jak wyśrodkować w nim tekst.

Dzięki za pomoc (IMG:style_emoticons/default/sad.gif)


li ma mieć display:inline;
ul ma mieć margin auto;
to powinno wystarczyć, żeby menu było na środku. w stopce są strony, które mają menu wyśrodkowane - podpatrz sobie:)
Go to the top of the page
+Quote Post
wookieb
post
Post #3





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Podam ci przykłąd prostego wyśrodkowanego menu. Na liście.
[HTML] pobierz, plaintext 
  1.     <style type="text/css">
  2.         ul
  3.         {
  4.             list-style: none;
  5.             display: block;
  6.             background-color: red;
  7.             text-align: center;
  8.         }
  9.  
  10.         li
  11.         {
  12.             display: inline;
  13.             clear: none;
  14.         }
  15.  
  16.         li a
  17.         {
  18.             display: inline-block;
  19.             padding: 4px;
  20.         }
  21.         li a:hover
  22.         {
  23.             background-color: green;
  24.             padding: 4px;
  25.         }
  26.     </style>
  27. </head>
  28. <body>
  29.     <ul>
  30.         <li><a href="test">Test</a></li>
  31.         <li><a href="test">Test</a></li>
  32.         <li><a href="test">Test</a></li>
  33.         <li><a href="test">Test</a></li>
  34.     </ul>
  35.  
  36.  
  37. </body>
[HTML] pobierz, plaintext

Możesz zrobić analogicznie do swojego.

FF 3.0, IE7, IE6, Chrome
Go to the top of the page
+Quote Post
baa
post
Post #4





Grupa: Zarejestrowani
Postów: 18
Pomógł: 4
Dołączył: 14.08.2009

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

Najprościej będzie ustawić szerokość ul.artmenu (najlepiej w em, żeby było elastyczne, dla górnego menu 42em jest ok) i margin: 0 auto; aby wyśrodkować.

O, trochę mnie uprzedziliście. (IMG:style_emoticons/default/smile.gif)

Ten post edytował baa 17.08.2009, 17:48:43
Go to the top of the page
+Quote Post
raczkowski1
post
Post #5





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 26.07.2007

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

cholera tyle tam class w tym css ze nie wiem gdzie co zmienić, próbowałem zmieniać artmenu ul i artmenu li i nic nie daje.

jakby ktoś mógł podpowiedzieć byłbym wdzięczny. (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
wookieb
post
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Zainstaluj firebuga i już bedziesz wiedział jaki element po czym ma styl. PPM na element i "zbadaj element"
Go to the top of the page
+Quote Post
raczkowski1
post
Post #7





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 26.07.2007

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

wielkie dzięki, pomogło

Pozdrawiam
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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