Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]CSS pozycja listy, nie pomaga clear
gregorali
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 30.06.2011

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


Witam serdecznie
Tak jak w temacie od kilku dni nie mogę zrozumieć dlaczego lista jest po prawej stronie strony a próbowałem już chyba wszystkiego np. clar: both padding margin position relativ itp
Zapewne dotyczy to dziedziczenia ale nie potrafię tego rozwiązać

  1. </head>
  2.  
  3. <div id="menu">
  4. <ul>
  5. <li><a href="kontakt.html" title="kontakt">KONTAKT</a></li>
  6. <li><a href="galeria.html" title="galeria">GALERIA</a></li>
  7. <li>TU JESTEŚ<a class="aktywny" href="oferta.html" title="oferta">OFERTA</a></li>
  8. <li><a href="index.html" title="Casa Verde">HOME</a></li>
  9. </ul>
  10. </div>
  11.  
  12. <div id="logo">
  13. <a href="http://www.casaverde.com.pl" title="nowoczesne ogrodzenia, architektura krajobrazu">
  14. <img src="logo1.png" alt="luksusowe ogrodzenia, design ogrodzeń" title="design nowoczesnych ogrodzeń" />
  15. </a>
  16. </div><!-- end logo -->
  17.  
  18. <h1>Naprawdę inne ogrodzenia</h1>
  19.  
  20. <div id="trzy">
  21. <ul>
  22. <li>Trzy ważne przymiotniki: <strong>nowoczesne, ekskluzywne, niepowtarzalne</strong>,</li>
  23. <li>Wyjątkowe ogrodzenia,ograniczone wyłącznie wyobraźnią i możliwościami ludzkiej percepcji.</li>
  24. <li>Piękne, artystyczne aranżacje, harmonijnie skomponowane zarówno z bryłą budynku, jak i z jego otoczeniem.</li>
  25. <li>Nowoczesny design.</li>
  26. <li>Unikalna technologia wywołująca zmiany barwy ogrodzenia pod wpływem warunków pogodowych.</li>
  27. </ul>
  28. </div>


CSS
  1.  
  2. body {
  3. background-color : #000000;
  4. padding: 0;
  5. margin: 0;
  6. color: #7A7A7A;
  7. font-size : 90%;
  8. font-style : normal;
  9. font-family : Georgia, Times New Roman, Serif;
  10.  
  11. }
  12.  
  13.  
  14.  
  15. #menu {
  16. margin-right: 15px;
  17. }
  18. ul, ul li {
  19. display: block;
  20. list-style: none;
  21. margin: 0;
  22. padding-left: 10px;
  23. }
  24.  
  25. ul li {
  26. float: right;
  27. }
  28.  
  29.  
  30. ul a:link {
  31. color:#1BDDDD;
  32. text-decoration: none;
  33. display: block;
  34. width: 80px;
  35. text-align: center;
  36. background-color: #3B3737;
  37. color: #F4F4F4;
  38. border: 2px outset #484848;
  39. padding: 5px;
  40. }
  41.  
  42. ul a:visited { color: #808080;
  43. text-decoration: none;
  44. display: block;
  45.  
  46. }
  47.  
  48.  
  49.  
  50. ul a:hover {
  51. border-style: inset;
  52. padding: 7px 3px 3px 7px;
  53. }
  54.  
  55. #menu li .aktywny {
  56. color: #FFFAFA;
  57.  
  58. }
  59.  
  60.  
  61. #logo {
  62. clear:both;
  63. margin-top: 1px;
  64. margin-left: 20px;
  65.  
  66. }
  67.  
  68.  
  69. h1 {
  70. clear: both;
  71. margin-top: 10px;
  72. padding:left
  73. }
  74.  
  75. #trzy { co tu wpisać
  76.  
  77.  
  78. }
  79.  
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Daiquiri
post
Post #2





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ




Poczytaj trochę o modelu pudełkowym np. tutaj, to powinno Ci trochę rozjaśnić różnice w odstępach (IMG:style_emoticons/default/smile.gif) .

Jeżeli Twój DIV nie ma ustawionej szerokości na sztywno (i np. parametru overflow: hidden), to będzie się rozciągał do zawartości. W tym przypadku, faktycznie, mniejsze elementy w środku większego DIVa, wyrównane do jednej ze stron, będą miały trochę miejsca po tej drugiej stronie. Przy pozycjonowaniu elementów oraz ustawianiu ich rozmiarów, zwróć uwagę na to, czy jest to element liniowy czy blokowy.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 21:51