Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Div
Warmix
post
Post #1





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

Jak wyśrodkowac poniższy kod? A drugą sprawą jest to, że gdy próbuję dodać kolejnego diva, to dodaje się w tej samej linii, jak to naprawić?
[HTML] pobierz, plaintext 
  1. ul, ul li {
  2. display: block;
  3. list-style: none;
  4. margin: 0;
  5. padding: 0;
  6. }
  7.  
  8. ul {
  9. float: left;
  10. background-color: #fff;
  11. padding: 1px 0 1px 1px;
  12. border: 1px solid #000;
  13. }
  14.  
  15. ul li {
  16. float: left;
  17. }
  18.  
  19. ul a:link, ul a:visited {
  20. text-decoration: none;
  21. display: block;
  22. font-weight: bold;
  23. background: #000 url("tlo.gif") repeat-x center;
  24. color: #fff;
  25. padding: 10px 20px;
  26. border-right: 1px solid #fff;
  27. border-right: 1px solid #fff;
  28. }
  29.  
  30. ul a:hover {
  31. background-color: #800;
  32. background-image: url("tlo2.gif");
  33. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
aras785
post
Post #2





Grupa: Zarejestrowani
Postów: 859
Pomógł: 177
Dołączył: 29.10.2009

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

Jeśli chcesz kod wyśrodkować to musisz otworzyć go w edytorze tekstowym, a następnie klikasz: WYŚRODKUJ (IMG:style_emoticons/default/smile.gif)

Wyśrodkowanie: np. margin:0 auto;
Go to the top of the page
+Quote Post
Warmix
post
Post #3





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

Próbowałem - nie działa...
Go to the top of the page
+Quote Post
aras785
post
Post #4





Grupa: Zarejestrowani
Postów: 859
Pomógł: 177
Dołączył: 29.10.2009

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

daj kod html i caly css (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
Warmix
post
Post #5





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. <div id="logo"><img src="b.png"></div>
  4.  
  5. <ul id="ul">
  6.   <li><a href="index.html">Strona Główna</a>
  7.   </li>
  8.   <li><a href="#">#</a>
  9.   </li>
  10.   <li><a href="#">#</a>
  11.   </li>
  12.   <li><a href="#">#</a>
  13.   </li>
  14.   <li><a href="#">#</a>
  15.   </li>
  16.   <li><a href="#">#</a>
  17.   </li>
  18. </ul>
  19.  
  20. <div id="aa">fsf</div>
  21.  
  22.  
  23. </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. body {
  2. 	background-image: url(a.png);
  3. 	color: white;
  4.  
  5. }
  6.  
  7. #logo {
  8. 	 text-align: center;
  9. }
  10.  
  11. ul, ul li {
  12. display: block;
  13. list-style: none;
  14. margin: 0;
  15. padding: 0;
  16. }
  17.  
  18. ul {
  19. float: left;
  20. background-color: #fff;
  21. padding: 1px 0 1px 1px;
  22. border: 1px solid #000;
  23. }
  24.  
  25. ul li {
  26. float: left;
  27. }
  28.  
  29. ul a:link, ul a:visited {
  30. text-decoration: none;
  31. display: block;
  32. font-weight: bold;
  33. background: #000 url("tlo.gif") repeat-x center;
  34. color: #fff;
  35. padding: 10px 20px;
  36. border-right: 1px solid #fff;
  37. border-right: 1px solid #fff;
  38. }
  39.  
  40. ul a:hover {
  41. background-color: #800;
  42. background-image: url("tlo2.gif");
  43. }
  44.  
[HTML] pobierz, plaintext


Ten post edytował Warmix 13.01.2013, 23:26:49
Go to the top of the page
+Quote Post
CuteOne
post
Post #6





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

</ul>
<div style="clear:both"></div>
<div id="drugi_div"></div>

Przestarzałe podejście ale na początek powinno wystarczyć (IMG:style_emoticons/default/wink.gif)

Ten post edytował CuteOne 13.01.2013, 22:39:13
Go to the top of the page
+Quote Post
Warmix
post
Post #7





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

Ok, przeszło mi do nowej linii... więc to działa ok, ale teraz co z tym wyśrodkowaniem?
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #8





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Cytat(Warmix @ 13.01.2013, 22:50:17 ) *
Ok, przeszło mi do nowej linii... więc to działa ok, ale teraz co z tym wyśrodkowaniem?


Dodaj do css:

[HTML] pobierz, plaintext 
  1. div, ul {
  2.   display: inline;
  3.   margin: auto;
  4. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Warmix
post
Post #9





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

Nie działa, przenosi mi wyżej, nad logo, albo może obok loga...
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #10





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Cytat(Warmix @ 13.01.2013, 23:27:24 ) *
Nie działa, przenosi mi wyżej, nad logo, albo może obok loga...


Bo musisz dodać <br/> po div-ach, jak i po liście.
Go to the top of the page
+Quote Post
krzysiu99995
post
Post #11





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 27.11.2010
Skąd: Warszawa

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

http://webmade.org/porady/css_html/wysrodkowanie.php
Go to the top of the page
+Quote Post
Warmix
post
Post #12





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

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

Cytat(b4rt3kk @ 13.01.2013, 23:58:54 ) *
Bo musisz dodać <br/> po div-ach, jak i po liście.


Jak dodam br, to wszystko jest po lewej stronie...

Cytat(krzysiu99995 @ 14.01.2013, 00:07:21 ) *
http://webmade.org/porady/css_html/wysrodkowanie.php


Próbowałem na wiele sposobów to dodać i nic... Wprawdzie środkuje mi logo, kolejne divy oprócz menu poziomego...


@edit
Trochę pokombinowałem i udało się...

Ten post edytował Warmix 14.01.2013, 18:51:47
Go to the top of the page
+Quote Post
« 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: 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: 22.09.2025 - 16:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn