eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwdiv wyśrodkowanie w pionie zawartości
Ilość wypowiedzi w tym wątku: 6

  • 1. Data: 2010-06-14 18:10:15
    Temat: div wyśrodkowanie w pionie zawartości
    Od: Paulina <n...@b...pl>

    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


  • 2. Data: 2010-06-14 23:54:49
    Temat: Re: div wyśrodkowanie w pionie zawartości
    Od: Tomasz Sowa <t...@t...NOSPAM.org>

    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


  • 3. Data: 2010-06-15 10:39:00
    Temat: Re: div wyśrodkowanie w pionie zawartości
    Od: Paweł Piskorz <n...@p...nie?>

    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";
    }


  • 4. Data: 2010-06-17 22:48:21
    Temat: Re: div wyśrodkowanie w pionie zawartości
    Od: Paulina <n...@b...pl>

    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


  • 5. Data: 2010-06-18 09:06:55
    Temat: Re: div wyśrodkowanie w pionie zawartości
    Od: Katarzyna 'Bastet' Świderska <b...@C...wp.pl>

    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


  • 6. Data: 2010-06-18 12:46:07
    Temat: Re: div wyśrodkowanie w pionie zawartości
    Od: Tomasz Sowa <t...@t...NOSPAM.org>

    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

strony : [ 1 ]


Szukaj w grupach

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: