[html+css] juz nic nie wiem

[camelleon]

chcialbym miec obrazek a pod nim podpis,

i obok nastepny itd

i robie tak:

css

div.row { clear: both; padding-top: 5px;}
div.row span.label { float: center; width: 100px; text-align: center; }
div.row span.obraz { float: center; width: 100px; text-align: center;  }

i teraz na stronie:

<div class="row">
<span class="obraz"><img src="grafa/slupki.jpg" border="0"/></span>
<span class="obraz"><img src="grafa/slupki_kw.jpg" border="0"/></span>
</div>
<div class="row">
<span class="label">Słupki okrągłe</span>
<span class="label">Słupki kwadratowe</span>
</div>

juz probowalm kilkanascie kombinacji i nic :|

i jak mam smiecnic rozmiar tekstu ??

wpisuje w div.row span.label font-size: 10 px; i nic sie nie zmienia...

[Gość w3master]

float: center? oplywany obiekt moze byc z lewej lub z prawej, nigdy ze "srodka".

'float' 
value:	  left | right | none | inherit

[camelleon]

dzieki, ale to nie pomaga

chcialbym uzyskac taaki efekt przy pomocy divow:

.mini{
font-size: 12px;
text-align: center;
}

<table><tr><td width="50%">
<center><img src="grafa/slupki.jpg" border="0"/></center>
<p class="mini">Słupki okrągłe</p>
</td><td width="50%"">
<center><img src="grafa/slupki_kw.jpg" border="0"/></center>
<p class="mini">Słupki kwadratowe</p>
</td></tr></table>

[Hellz]

Zrób tak:

+ jeden duży div, mieszczący wszystko

+ w dużym divie dwa divy wielkości 1/2 dużego diva, jeden float: left, drugi float: right

+ w divie 1/2 umieszczasz dwa divy - na górze ze zdjęciem, na dole z podpisem

Koniec

[weecioo]

jezeli ma być na dowolną ilość kolumn, to mozna np. tak

<div style="float:left;text-align:center;margin:0 5px 5px 0">

<img src="...." /><br />tutaj podpis</div>

AFAIR to czasem są problemy przy takim ostylowaniu (nie wiem kiedy występują dokładnie ale się zdarzają... czasami ) to trzeba ustawic szerokosc divovi taką jak szerokosc obrazka (z PHP to ino getimagesize wywolac i wkleic zmienne w kod/szablon