[HTML][CSS] Jak wycentrować zdjęcia :) Opcje

[Ayrox]

[HTML] pobierz, plaintext 
<div style="width: 800px; text-align: center;">
 
<div class="stodziesiecleft">
 
<img src="photos/azerjan1.jpg" style="width:75px; height:100px;float: none;" />
 
</div>
 
<div class="stodziesiecleft">
 
<img src="photos/azerjan2.jpg" style="width:100px; height:75px;" />
 
</div>
 
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
div.stodziesiecleft
{
float: left;
width: 110px;
margin-left: auto;
margin-right: auto;
}
[HTML] pobierz, plaintext 

teraz chciałbym te obrazki wyśrodkować, w tym divie co ma 800px szerokości, ale zbytnio nie wiem jak

Ten post edytował Ayrox 4.07.2008, 15:05:23

[piotrooo89]

[HTML] pobierz, plaintext 
.photo
{
margin-left: auto;
margin-right: auto;
}
[HTML] pobierz, plaintext 

[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

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 ;/

;/

Ten post edytował Ayrox 4.07.2008, 15:04:50

[piotrooo89]

pokombinowałem i zrobiłem coś takiego:

[HTML] pobierz, plaintext 
div.stodziesiecleft
	{
		float: left;
		width: 110px;
		text-align: center; 
	}
[HTML] pobierz, plaintext 

u mnie hula.

Ten post edytował piotrooo89 4.07.2008, 17:57:40

[Ayrox]

trochę źle się wyraźiłem, mi chodzi o wycentrowanie tego diva, w którym jest obrazek

[piotrooo89]

no żeby całego wyśrodkować musisz dać tak:

[HTML] pobierz, plaintext 
div.stodziesiecleft
{
width: 110px;
margin-left: auto;
margin-right: auto;
}
[HTML] pobierz, plaintext