Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Jak wycentrować zdjęcia :)
Forum PHP.pl > Forum > Przedszkole
Ayrox
  1. <div style="width: 800px; text-align: center;">
  2.  
  3. <div class="stodziesiecleft">
  4.  
  5. <img src="photos/azerjan1.jpg" style="width:75px; height:100px;float: none;" />
  6.  
  7. </div>
  8.  
  9. <div class="stodziesiecleft">
  10.  
  11. <img src="photos/azerjan2.jpg" style="width:100px; height:75px;" />
  12.  
  13. </div>
  14.  
  15. </div>


CSS:

  1. div.stodziesiecleft
  2. {
  3. float: left;
  4. width: 110px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. }


teraz chciałbym te obrazki wyśrodkować, w tym divie co ma 800px szerokości, ale zbytnio nie wiem jak
piotrooo89
  1. .photo
  2. {
  3. margin-left: auto;
  4. margin-right: auto;
  5. }
Lejto
text-align: center; nie pomaga? Zobacz z margin-left:50%;
Ayrox
nic to niestety, nie daje, a rozwala mi układ strony

~pio

photo jest wewnątrz divu stodziesiecleft, wiec to nic nie da smile.gif

nie wiem dlaczego to mi się nie chce zrobić, nawet jak z tego divu co ma szerokość 800 px usunę tą szerokość i dam margin-left: auto; i margin-right: auto; to nadal nic to nie zmienia, nie wiem dlaczego ;/

;/
piotrooo89
pokombinowałem i zrobiłem coś takiego:

  1. div.stodziesiecleft
  2. {
  3. float: left;
  4. width: 110px;
  5. text-align: center;
  6. }


u mnie hula.
Ayrox
trochę źle się wyraźiłem, mi chodzi o wycentrowanie tego diva, w którym jest obrazek biggrin.gif
piotrooo89
no żeby całego wyśrodkować musisz dać tak:

  1. div.stodziesiecleft
  2. {
  3. width: 110px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. }
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.