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
gregorali
post
Post #2





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

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

Tak ale w moim przypadku /menu w poziomie po prawej stronie/ nadanie #menu float:right powoduje ustawienie się tegoż menu po prawej stronie w pionie. Jak wspomniałem wcześniej twoje odpowiedzi pomogły mi zrozumieć lub zacząć rozumieć dziedziczenie ale przede mną jeszcze długa droga. Przecież jestem w "przedszkolu" (IMG:style_emoticons/default/rolleyes.gif)

Nie chciałbym nadwyrężać twojej uprzejmości ale spójrz na jeszcze jedną sprawę również dotyczy pozycjonowania, porównaj kody /ten z pierwszego postu oraz obecny/ i zwróć uwagę na # logo padding-top 40 px w tym przypadku margin- top obniżał pozycję logo i menu ale przecież padding to margines wewnętrzny?
Powiedz czy dobrze się domyślam atrybut width:80px w ul a:link sprawia że div menu zajmuje 80px i ustawia się po prawej stronie zostawiając miejsce po lewej a div logo pomimo tego, że w html stoi niżej zajmuje /wolne/ miejsce w górnym lewym rogu czyli oba zaczynają się na tej samej wysokości?
Ps. Muszę pomyśleć jak zrobić aby div-y /podczas pracy-nauki/ wyświetlały się jako prostokąty.

[HTML] pobierz, plaintext 
  1. #logo {
  2. 	padding-top: 40px;
  3. 		margin-left: 20px;
  4.  
  5. 		}
  6.  
  7.  
[HTML] pobierz, plaintext


Ten post edytował gregorali 6.07.2011, 20:03:10
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: 4.10.2025 - 12:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn