Autor | Zpráva | ||
---|---|---|---|
PerToon Profil |
#1 · Zasláno: 2. 10. 2005, 01:03:25
Mám obrázek s vertical-align: middle; a vedle něj mám text vertikálně vycentrovaný - to mi funguje. Jenže když si stránku moc zúžím, tak se mi text zalomí pod obrázek. Vím, že to bude něco s clear, nebo float, ale já prostě nevím který z nich a pro který objekt to mám jak nastavit. Chci, aby text byl ve dvou řádcích a oba aby byly vedle obrázku.
Díky. |
||
habendorf Profil |
#2 · Zasláno: 2. 10. 2005, 10:30:41
Není to clear, není to float, je to margin.
Jinak záleží na situaci, ale ten obrázek by byl nejlepší na pozadí toho textu. Dej sem link, nebo kód. |
||
PerToon Profil |
#3 · Zasláno: 2. 10. 2005, 11:47:12
v HTML
<div id="inhlavicka"> <img src="teclogo.gif" class="logo" alt="T.E.C Labs"> Technological Engineering Center Laboratories </div> a v CSS .logo {vertical-align: middle;} #inhlavicka {vertical-align: middle; font-family: Verdana; font-size: 18px; font-weight: bold;} moc tomu nerozumím, ale myslím že margin na to nemá vliv... |
||
habendorf Profil |
#4 · Zasláno: 2. 10. 2005, 13:11:46
Normálně se to dělá tak, že se ten obrázek vrazí jako pozadí do levého paddingu toho divu. Tady je ale problém, že pak dost obtížně zajistíš to vertikální centrování textu. Na stejný problém narazíš i při floatování.
Řešitelné to je, ale triviální to není. http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html Velmi jednoduše je to řešitelné tabulkou. |
||
PerToon Profil |
#5 · Zasláno: 2. 10. 2005, 14:04:03
Tak sem to nakonec udělal pomocí tabulky... sice z toho nejsem úplně nejodvázanější, ale funguje to tak jak má.
Díky habendrof! |
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0