Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] wycentrować wszystko
Forum PHP.pl > Forum > Przedszkole
Wieczny
Jest to kod którym sie aktualnie bawie jedyne co mnie w nim interesuje to jak wyśrodkować to na stronie nie działa komenda align=center ani text-align nawet chciałem użyć float i nie mam pojęcia ;]
  1. <?php
  2.  
  3.  
  4. echo "
  5. <div class='center'>
  6. <div id='leftsite'>
  7. <div id='search'>
  8. <div class='search'>
  9.  
  10. <div class='img'><input type='text' class='input' name='search' size='23'></div>
  11. <div class='img'><a href='index.php'><img src='images/lupa.jpg' border='0' alt='brak obrazka'></a><br><br></div>
  12.  
  13.  
  14. <img src='images/shr.jpg' border='0' alt='brak obrazka'><br><center>Tu wpisz aby wyszukać</center></div>
  15.  
  16. </div>
  17. <div><img src='images/oferta.jpg' width='235px' border='0' alt='brak obrazka'><br></div>
  18. <div id='menu'>
  19. ";?>
  20. <a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Ogólna oferta</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
  21. <a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Strony www</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
  22. <a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Poligrafia</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
  23. <a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Multimedia</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
  24. <?php
  25. </div>
  26. <div>
  27. <center>
  28. <a href='index.php'><img src='images/testbanner.jpg' border='0' alt='Brak obrazka'></a>
  29.  <br>
  30. <a href='index.php'><img src='images/buycd.jpg' border='0' alt='Brak obrazka'></a>
  31. </center>
  32. </div>
  33. </div>
  34.  
  35. ";
  36. echo "<div align='center' id='site'>
  37.  
  38. <div><img src='images/cda.jpg' border='0' alt='brak obrazka'>
  39.  
  40. </div>
  41.  
  42. <div id='lastproject'><img src='images/cd.jpg' border='0' alt='brak obrazka'> </div>
  43.  
  44.  
  45. <div><a href='index.php'><img src='images/promocja.jpg' border='0' alt='brak obrazka'></a></div>
  46.  
  47.  
  48.  </div></div>";
  49.  
  50. ?>
Shili
Nie wiem co prawda co chcesz wyśrodkować, ale spróbuj stylu margin: 0 auto;
Wieczny
chce wyśrodkować wszystkie te divy na środek strony ponieważ na większej rozdzielczości wszystko jest w lewej stronie a z prawej biała pustka chce żeby było puste z lewej jak i z prawej i dodam że marginesy to zły pomysł bo zawsze gdzieś będzie mnie gdzieś więcej wolnego miejsca
Shili
Kurcze, a nie pomyślałeś, że słowo auto powoduje, że automatycznie jest to dopasowywane?
Nic nigdzie Ci źle nie wyliczy - ten sposób to poprawny sposób na centrowanie elementów blokowych, w tym i divów. I mogę raczej z czystym sumieniem i dużą pewnością stwierdzić, że od nikogo innego lepszej podpowiedzi nie dostaniesz.
Wieczny
Nie działa ;]
http://www.zobaczprojekt.yoyo.pl/

dałem to w body w css ale kiszka :] i tak przesunięte jest tylko logo i stopka

Tak wygląda head.php gdzie jest górna część strony stopka wygląda podobnie ale gdy daje to do tego pierwszegu pliku czyli wzsystko biore w div jeden i daje te klase to już nie działa ;/

  1. <?php
  2.  
  3. echo "<div class='center'>
  4. <img src='images/af.jpg' border='0' alt='brak obrazka'><br>
  5. <img src='images/headsite.jpg' border='0' alt='brak obrazka'><br>
  6.  </div>
  7.  ";
  8. ?>
Shili
To, że nie wiesz jak zastosować jeszcze nie znaczy, że nie działa ^^

Daj to w klasę center.
Dodatkowo zapewniając zgodność ze starszymi przeglądarkami w body daj text-align: center;

Uprzedzając pewnie kolejne pytanie - żeby coś wycentrować to coś samo w sobie musi mieć ustaloną szerokość.
Wieczny
text-align wiem do czego jest ;p i mi nie przyda sie center ;p i ci po wiem że i tak nie wyśrodkowało !
Lk_hc
Przeanalizuj sobie ten kod:

CSS:
http://pastebin.com/m1aece19a


HTML:
http://pastebin.com/m295b7487
Wieczny
i guzik zrobiłem jak jest nawet tam i PRZESUWA się tylko HEAD i STOPKA a site dalej kicha jest z lewej strony ;\
Shili
Cytat
text-align wiem do czego jest ;p i mi nie przyda sie center ;p i ci po wiem że i tak nie wyśrodkowało !
Już mówiłam, że jak się nie umie, to tak jest. Zamiast zaperzać się jak indor zastanów się co robisz źle.

Czegoś co ma szerokość 100% nie wyśrodkujesz, wystarczy trochę nad tym pomyśleć. Jak ma 100% to z założenia wypełnia całość.
Ja Twoją stronę wyśrodkowałam w 10 sekund - więc się da, wystarczy pomyśleć, a w razie czego pytać, zamiast stwierdzać prosto: nie da się!
Wieczny
ale jak ustawie w px to nie będzie wtedy równo wyśrodkowane ;/ sprawdzałem sobie na kilku rozdzielczościach ;/
Shili
To dziwne, u mnie jest równo na środku.
Ustaw, zobaczy się, przetestuje, powiedz pod jaką przeglądarką rozwala i tak dalej.
Heweliusz
W moim przypadku wystarczyło dodanie margin-left: auto; oraz margin-right: auto; oraz ustawienie szerokości na 600px. Działa na każdej rozdzielczości.
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.