Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Wycentrowanie div'ów w poziomie
andrzej7322
post
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


Wiatm, mam problem chcę wycentrować trzy divy w poziomie żeby byly obok siebie gdy użyje funkcji center i nie mam w css ustawione float :left to divy centruja sie tylko ze ukladaja sie w pionie wszystkie jeden pod drugim a ja potrzebuje wycentrowac w ten sposob aby byly obok siebie na srodku strony.

Z góry dziękuję za pomoc.
Go to the top of the page
+Quote Post
Skie
post
Post #2





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


DIV domyślnie przyjmuje wartość width i height na 100%, więc jak chcesz je układać koło siebie, musisz ustawić inne rozmiary, tak by się mieściły na stronie.


--------------------
Wieloprocesowość i wielowątkowość w PHP, poznaj Kraken PHP!
Serwer HTTP i WebSocket w PHP | Promise/A+
Strona Domowa | Elradia MMORPG
FireFox: make the web better.
Go to the top of the page
+Quote Post
andrzej7322
post
Post #3





Grupa: Zarejestrowani
Postów: 71
Pomógł: 1
Dołączył: 8.05.2010

Ostrzeżenie: (20%)
X----


Już tak robiłem ale nie działa to wygląda tak
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <link rel="stylesheet" type="text/css" href="css/style.css" />
  4. <div class="product"></div>
  5. <div class="product"></div>
  6. <div class="product"></div>
  7. <div class="product"></div>
  8. <div class="product"></div>
  9. <div class="product"></div>
  10. <div class="product"></div>
  11. </center>

  1. .product{
  2. width:100px;
  3. height:100px;
  4. background:red;
  5. margin:5px;
  6. }
Go to the top of the page
+Quote Post
ShadowD
post
Post #4





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


div to element blokowy, a one zawsze się tak układają, albo dasz mu display:inline, albo float left..


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
Crozin
post
Post #5





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Cytat
DIV domyślnie przyjmuje wartość width i height na 100%
Elementy blokowe mają domyślnie szerokość na 100%, ale wysokości już to nie dotyczy.
Cytat
to wygląda tak
Twój kod XHTML jest niepoprawny:

1. Jest niesemantyczny.
2. Elementów typu CENTER się nie używa - od tego jest CSS.

Co do problemu: nadaj produktom display: inline-block;, a ich kontenerowi text-align: center;.
Go to the top of the page
+Quote Post
Skie
post
Post #6





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


Mówiąc o 100% domyślnie przyjmowanej wysokości miałem na myśli minimum potrzebne do wyświetlenia danego elementu - źle mnie zrozumiałeś lub źle to wyraziłem, skoro pomyślałeś że chodziło mi o element nadrzędny.

Co do pozycjonowania to napisałem wszystko wyżej - ustalić width, height i float i wystarczy. Żadnego display: inline-block nie potrzeba przy DIVach.

Ten post edytował Skie 1.10.2010, 16:05:35


--------------------
Wieloprocesowość i wielowątkowość w PHP, poznaj Kraken PHP!
Serwer HTTP i WebSocket w PHP | Promise/A+
Strona Domowa | Elradia MMORPG
FireFox: make the web better.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 07:50