pomoc Vycentrování obrázku CSS

[Huzy 11]

Ahoj. Už se s tím trápím hodinu a na google nemužu nic najít.

Mám button a kod vypadá takhle:

.reference {
    background:url(./obr/refe.gif) no-repeat;
    cursor:pointer;
    border:none;
    width:325px;
    height:65px;
    position:absolute;
    top:-3px;
    left:1210px;
}

.reference:hover
{   
    background:url(./obr/refe1.gif) no-repeat;
}
.reference:active {
    position:absolute;
    top:1px;
}

Ale jak hovycentruju? Když dám background-position: center; tak mi to nefunguje a je pořád v levém horním rohu. Neví co s tím je? Děkuju:)

 

[Mattsy 29]

pokiaľ viem tak absolútna pozícia sa nedá centrovať

[Huzy 11]

A relative? Když to smažu tak se vůbec nezobrazí..

[Mattsy 29]

relative myslím že áno

 

margin: 0 auto;

 

to som používal na centrovanie

[steel 71]

Když něčemu určíš pevnou pozici, těžko to zároveň vycentruješ.

[kazlik 29]

background-position: center top;

[Huzy 11]

Ale u mě je problém že když dám  position:relative tak se button vůbec nezobrazí. Jen při absolute. Ale potom nejde dát na střed. Mohl by mi někdo udělat code nebo by poradit?

[steel 71]

co takhle poslat tu stránku?

[Huzy 11]

No.. Já mám jen pozadí a ted chci udělat button, který bude přesně ve  středu stránky.

No, když dám

    margin-left: auto;
    margin-right: auto;

tak to vycentruje doprostřed nahoru, a přidám k tomu

    margin-top: auto;
    margin-bottom: auto;

tak se nic nezmění:/

[steel 71]

Bůh ví jak to tam máš, ale tak si to vyřeš sám, když neumíš ani poslat live ukázku. My ti do toho salátu nevidíme....

 

Jakobys šel pěšky do autoservisu a ptal se jak opravit auto, když auto máš doma a nehodláš jim ho ukázat.

[Huzy 11]

Button (CSS)

.reference {
    background:url(./obr/refe.gif) no-repeat;
    position: relative; 
    cursor:pointer;
    border:none;
    width:325px;
    height:65px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.reference:hover
{   
    background:url(./obr/refe1.gif) no-repeat;
}
.reference:active {
    position:relative;
    top:1px;
}

HTML:

  <a href="http://www.seznam.cz"><input class="reference" type="submit" value="" >

[Mattsy 29]

Skus iba margin: 0 auto;

[Huzy 11]

To sáme, vycentruje to ale nedá to dostředu top a down.

[Mattsy 29]

To sáme, vycentruje to ale nedá to dostředu top a down.

 

absolútne nechápem..ukáž screen aspoň

[Huzy 11]

http://2i.cz/dce94963b0

[Mattsy 29]

ty to chceš mať presne v strede stránky?...rovnako px zľava/prava a ronvako zhora/dola?

 

skús

 

vertical-align: middle;

 

 

alebo ako si mal margin-left: auto; a tie zvyšné tak kús všetky 0 auto;

[Huzy 11]

A margin-down jde?

[Mattsy 29]

margin-down ani nepoznám keď tak margin-bottom

[Leroy 2]

margin bottom a top ti to nevycentrujú vertikálne ... nie je to ako pri left a right ...    tu by si mal použiť pozicovanie prvkov na vertikálne vycentrovanie..

http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

[Huzy 11]

Vím, máte mě za debila, ale..Potřeboval bych aby to vzal rámeček obrazovky a podle toho to dalo do středu. Jako     margin-left: auto; margin-right: auto;.

áá, vyřešeno:D

 margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;

A nevíte proč když ten samej příkaz(kod) přiřadím zovu k jinýmu obrázku tak proč to udělá u všech?