Autor Zpráva
Anonymní
Profil *
ahojky!!
mam obrazek na vrchu stranek, ktery ma sirku 48em(zmensi se napriklad pri rozliseni 800x600??) a potreboval bych ho dostat presne na stred stranky (myslim horizontalni stred, ne vertikalni).
nevite jak na to???
ps: u me je tech 48em 770px
Anonymní
Profil *
to jsem byl ja
flying gentleman
Profil
ja
Marty
Profil
Em = násobek velikosti písma, IMHO při zmenšení písma nebo rozlišení se obrázek opravdu zmenší.
Zarovnání obrázku můžeš provést třeba takovýmto zápisem do kódu:
<div style="text-align: center; ">
<img src="obrazek.gif">
</div>
flying gentleman
Profil
#obrazek{margin:1em 0em 0em 1em;
background-image: url("images/moje.jpg");
width:48em;
height:12em;}

tohle je k tomu obrazku, mam ho nastaveny jako pozadi na horni casti stranky, pod nim bude menu.

a ja ten obrazek potrebuju vystredit.
kdyz napisu text-align:center; tak to plati jen pro text,ale ne pro obrazek
habendorf
Profil
Obrázek na pozadí asi vystředíš dost obtížně. Takže musíš vystředit ten objekt, který má na svém pozadí ten obrázek. (takže pravděpodobně ten <div id="obrazek">. A uvědom si, že text-align:center; funguje dovnitř elementu, ne na něj samý.
flying gentleman
Profil
no takze ten div id="obrazek" ma width:48em a jak ho teda mam dostat na stred???
habendorf
Profil
To se tady řešilo mockrát. Najdi si "centrování".
Marty
Profil
Nadřazenému divu(pokud se ti to nehodí, tak obal #obrazek nějakým jiným divem) přiřaď vlastnost text-align:center;
flying gentleman
Profil
zkusil jsem to s tim nadrazenym divem,ale ten vycentruje pouze text v menu a ne obrazek
Marty
Profil
background: url("images/moje.jpg") 50% 0px no-repeat;

tohle ale nebude 100% přesné, pouze ti to posune obrázek do poloviny stránky
flying gentleman
Profil
tak to nefacha
flying gentleman
Toto téma je uzamčeno. Odpověď nelze zaslat.