vertikální zarovnání
10 příspěvků
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
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...