Mam elementy div o wymiarach 120 x 160 px, a w nich jest obrazek nie
większy od wymiarów div-a, rozmiar każdego obrazka może być inny.
Próbuję zrobić tak aby obrazek był zawsze na środku niezależnie jakich
jest wymiarów:

_____________________________
| div class="box" |
| |
| -------------- |
| | a > img | |
| -------------- |
| |
| |
-----------------------------

Z wyśrodkowaniem w poziomie nie ma problemów, jednak nie udaje mi się
zrobić wyśrodkowania w pionie, nie mogę znaleźć działającego rozwiązania.

Proszę o jakieś wskazówki jak to zrobić.


Paulina

do góry

Dnia Mon, 14 Jun 2010 20:10:15 +0200, Paulina napisał(a):

> Mam elementy div o wymiarach 120 x 160 px, a w nich jest obrazek nie
> większy od wymiarów div-a, rozmiar każdego obrazka może być inny.
> Próbuję zrobić tak aby obrazek był zawsze na środku niezależnie jakich
> jest wymiarów:

.box {
display: table-cell;
width: 120px;
height: 160px;
vertical-align: middle;
text-align: center;
}

<div class="box">
<a href="#"><img src="obrazek.jpg"></a>
</div>

--
Tomek

do góry

On 2010-06-14 20:10, Paulina wrote:
> Mam elementy div o wymiarach 120 x 160 px, a w nich jest obrazek nie
> większy od wymiarów div-a, rozmiar każdego obrazka może być inny.
> Próbuję zrobić tak aby obrazek był zawsze na środku niezależnie jakich
> jest wymiarów:
>
> _____________________________
> | div class="box" |
> | |
> | -------------- |
> | | a> img | |
> | -------------- |
> | |
> | |
> -----------------------------

.box {
width:120px;
height:160px;
line-height:158px;
text-align:center;
}

.box img {
vertical-align:middle;
}


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

W dniu 15.06.2010 01:54, Tomasz Sowa pisze:
>
> .box {
> display: table-cell;
> width: 120px;
> height: 160px;
> vertical-align: middle;
> text-align: center;
> }
>
> <div class="box">
> <a href="#"><img src="obrazek.jpg"></a>
> </div>
>

Nie działa w IE

do góry

W dniu 18.06.2010 00:48, Paulina pisze:

> Nie działa w IE

http://riddle.jogger.pl/2006/04/19/wszystko-co-chces
z-wiedziec-o-centrowaniu-w-css/

pozdrawiam
--
Bastet_Milo

do góry

Dnia Fri, 18 Jun 2010 00:48:21 +0200, Paulina napisał(a):

> Nie działa w IE

Działa w IE8 w siódemce pewnie też.

--
Tomek

do góry