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ć

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


CSS
[HTML] pobierz, plaintext 
  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.  
[HTML] pobierz, plaintext
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
- gregorali   [CSS]CSS pozycja listy   5.07.2011, 13:58:41
- - Daiquiri   Usunąć float: right; ?   5.07.2011, 14:17:04
- - gregorali   Niestety nie działa.   5.07.2011, 14:31:40
- - Daiquiri   Pousuwaj wszystkie zbędne margin-right itd. Opcjon...   5.07.2011, 14:36:08
- - gregorali   float:left przesuwa całe menu na lewą stronę a teg...   5.07.2011, 14:57:25
- - boro11   Jeśli nie po prawej i lewej to gdzie ma być?   5.07.2011, 15:07:37
- - gregorali   Przepraszam myślałem, że się dobrze wyraziłem a je...   5.07.2011, 15:33:24
- - Daiquiri   Albo ja czegoś nie rozumiem, albo Ty nie zerknąłeś...   5.07.2011, 19:06:32
- - gregorali   Dziękuję za starania niestety żadna z podpowiedzi ...   6.07.2011, 08:42:50
- - Daiquiri   Widzisz, moim zdaniem jest to problem zbyt dużej i...   6.07.2011, 10:18:14
- - gregorali   Nie rozumiem jak mogę usunąć float:right z menu pr...   6.07.2011, 12:12:42
- - Daiquiri   Ustawiłeś sobie w swoim CSS coś takiego jak: ul li...   6.07.2011, 12:30:20
- - gregorali   Dzięki wielkie Forum jest po to aby zrozumieć i t...   6.07.2011, 19:07:53
- - Daiquiri   Nic nie stoi na przeszkodzie, żeby DIV również odp...   6.07.2011, 19:30:44
- - gregorali   Tak ale w moim przypadku /menu w poziomie po prawe...   6.07.2011, 20:02:04
- - Daiquiri   Poczytaj trochę o modelu pudełkowym np. tutaj, to ...   7.07.2011, 08:17:42

« 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 · Przełącz na: Linearny+ · Drzewo

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

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