Szeregowanie zdjęć css


(Jarek21 1992) #1

Mam mały problem.

Bo zdjęcia które mam, wyświetlają się obok siebie ładnie.

<?=$miniatura; ?>
[/code] ale jak zdjęcie ma mniejsze wymiary to wtedy to wyświetrla sie koślawo załączam css'a
[code] #panel {text-align:center;vertical-align:middle;padding:0px 0px 3px 0px;} #panel div.icon {margin:3px} #panel div.icon a {display: block;float: left;padding:2px 5px 1px 5px;background:#fff;border:1px solid #f0f0f0;color:#555;vertical-align:middle;text-decoration:none;} #panel div.icon a:hover {padding:3px 4px 0px 6px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#f9f9f9;color:#3c9b4a; background-image: url(images/shade-sidebar.png);} #panel div.icon img { margin-top:13px; } #panel div.icon span { display:block; padding-top:3px;} #panel2 {text-align:center;vertical-align:middle;padding:0px 0px 3px 0px;} #panel2 div.icon {margin:3px;} #panel2 div.icon a {display: block;float: right;padding:2px 5px 1px 5px;background:#fff;border:1px solid #f0f0f0;color:#555;vertical-align:middle;text-decoration:none;} #panel2 div.icon a:hover {padding:3px 4px 0px 6px;border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#f9f9f9;color:#3c9b4a; } #panel2 div.icon img { margin-top:13px; } #panel2 div.icon span { display:block; padding-top:3px;}

mógłby ktoś zaproponować jakieś rozwiązania, by te miniaturki wraz z opisem były wyświetlane prosto i równo bez względu na rozmiar minitaurek?