Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]moty wordpress, wysrodkowane menu
Forum PHP.pl > Forum > Przedszkole
enerzet
mam prosbe, chcialbym aby menu pod sliderem bylo wysrodkowane, nie moge znalezc odpowiednich ustawien :/ czy ktos moze pomoc? wklejam kod i link do strony

  1. ul {
  2. list-style-type:square;
  3. margin-left:30px;
  4. margin-bottom:16px;
  5. }
  6.  
  7. ul li {
  8. margin-top:20px;
  9. }
  10.  
  11. ul ul {
  12. list-style-type:disc;
  13. margin-bottom:0;
  14. }
  15.  
  16. ul ul ul {
  17. list-style-type:circle;
  18. }
  19.  
  20. ol {
  21. list-style-type:decimal;
  22. margin-left:30px;
  23. margin-bottom:16px;
  24. }
  25.  
  26. ol ol {
  27. list-style: upper-alpha;
  28. margin-bottom:0
  29. }
  30.  
  31. ol ol ol {
  32. list-style: lower-roman;
  33. }
  34.  
  35. ol ol ol ol {
  36. list-style: lower-alpha;
  37. }


naszefanaberie.pl
Michasko
Element środkowany musi mieć ustaloną szerokość. Potem tylko margin: auto;.

edit: aha, u Ciebie elementem środkowanym będzie DIV, w którym masz UL.
enerzet
a czy moglbys jeszcze jasniej to wytlumaczyc co mam zmienic, bylbym bardzo wdzieczny smile.gif
!*!
Ktoś miał fantazje jak pisał ten kod...
http://jsfiddle.net/xXbDe/
enerzet
to fakt kod jest dziwny ;/ znalazlem diva co odpowiada za to menu, o dziwo jest to #footer i daje sie ustawic tak jak wczesniej lub maxymalnie z lewej krawedzi strony ;/
enerzet
  1. #footer {
  2. position:relative;
  3. width:940px;
  4. margin:0 auto;
  5. }



juz sam nie wiem, albo ten motyw jest taki albo ;/
prosze jak uwazacie co tu zmienic aby wyswietlalo sie po srodku strony? probowalem recznie ustawiac ale to jest dobre tylko na jedna przegladarke ;/
!*!
Pokaż kod w całości, link wyżej wyjaśnia Ci jak.
enerzet
wlasnie patrzylem ale w okno css mam wkleic caly kod strony? a w html co mam wkleic? wszystko robie na wp.
!*!
html do html, css do css i js do js o ile jest konieczne.
enerzet
chyba wczesniej nie ta czesc kodu wklejalem, to chyba to tongue.gif teraz bedzie jasniej jak to wysrodkowac mam nadzieje.

  1. .nav {
  2. width:940px;
  3. height:24px;
  4. margin:0 auto;
  5. margin-bottom:50px;
  6. font-size:24px;
  7. line-height:24px;
  8. }
  9.  
  10. .nav ul {
  11. position: relative;
  12. z-index:597;
  13. float:left;
  14. top:auto !important;
  15. bottom:100%;
  16. list-style:none;
  17. margin:20px 0;
  18. }
  19.  
  20. .nav ul li {
  21. float:left;
  22. height:34px;
  23. margin:0 ;
  24. margin-right:36px;
  25. vertical-align:middle;
  26. }
  27.  
  28. .nav ul li.hover,
  29. .nav ul li:hover {
  30. position:relative;
  31. z-index:599;
  32. cursor:default;
  33. }
  34.  
  35. .nav ul ul {
  36. visibility:hidden;
  37. position:absolute;
  38. top:100%;
  39. left:-10px;
  40. z-index:598;
  41. min-width:150px;
  42. margin-bottom:5px;
  43. background:#FFF;
  44. border-top:#CCC 1px dotted;
  45. font-size:18px;
  46. }
  47.  
  48. .nav ul ul li {
  49. float:none;
  50. min-height:34px;
  51. height:auto !important;
  52. margin:0;
  53. padding:0 10px;
  54. border-bottom:#CCC 1px dotted;
  55. }
  56.  
  57. .nav ul ul ul {
  58. bottom:-10px;
  59. left:99%;
  60. }
  61.  
  62. .nav ul ul ul {
  63. }
  64.  
  65. .nav ul li:hover > ul {
  66. visibility:visible;
  67. }
  68.  
  69. .nav ul li a {
  70. display:inline-block;
  71. padding:5px 0;
  72. color:#252525;
  73. text-decoration:none;
  74. }


edit: poradzilem juz sobie tongue.gif
!*!
Nie zrozumiałeś, miałeś wkleić to na tamtą stronę i podać link. Poza tym jak już sobie poradziłeś to istnieje niepisana zasada że trzeba podać rozwiązanie dla innych.
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.