Proraďte mi prosím, jak vertikálně zarovnám obrázek v divu.
A pokud někdo víte, tak jak zarovnat text.
Díky
No text by měl jít vertical-align:top a obrázek to nevím... možná, no radši ne, asi bych kecal...
podle mě pomocí vertical-align zarovnáš cokoliv, i obrázek...
mělo by to jít tim vertical-align. Pokud ne, můžeš zkusit před a za ten obrázek přidat nebo tak něco.
Vertical-align bohužel v divu nejde (jde v tabulce), jedna možnost je vložení obrázku jako pozadí pomocí stylu:
div { background url(neco.gif) no-repeat 50% 50%; }
a text doladit stylem margin příp. padding.
...chyba, omlouvám se, správně je to:
div { background: url(neco.gif) no-repeat 50% 50%; }
NO už jsem také zjistil, že to vertical-align nějak nejde.... Ale s tím paddingem a margine to není moc dobrý nápad, pač se to v normálních prohlížečích sečte s šířkou a ten div je pak mrtě velkej...
meca - ...sečte s šířkou a ten div je pak mrtě velkej...
Vždyť mám prázdný div s obrázkem na pozadí, takže s textem mohu dělat,
co se mi zlíbí. Ledaže by div byl "gumový" - s výškou v procentech - to bych
do něj raději lupnul tabulku s nulovými rámečky (table i td)
a použil to vertical-align i když tabuky taky nemám rád.
div s obrázkem:
.obr
{ background: url(scarab.jpg) no-repeat 50% 50%;
width: 250px; height: 200px;
text-align: center; }
vnořené divy s textem (zarovnávání textu v "P" někdy zlobí):
.top
{ margin: 2px 0px 0px 0px; }
.bott
{ margin: 112px 0px 0px 0px; }
(obrázek: 140×110px)
Místo width: 250px si dá svůj parametr, nebo to vynechá úplně
a nic nemůže šířku ovlivnit.
ukázka: http://havs.wz.cz/test/vert.html
NO tak když je prázdnej tak jo...