| Autor | Zpráva | ||
|---|---|---|---|
| ssssa Profil * |
#1 · Zasláno: 10. 2. 2009, 16:33:45
Dobrý den, potřeboval bych poradit s problémem, který je nejlépe vidět na příkladu:
Obrázek: 
Kod obrázku: <div class="clanek">
<h1>Nadpis článku</h1>
<span class="clanek-left"><img src="images/obr.gif" width="100" height="100" alt="" /></span>
<span class="clanek-right">
<span class="clanek-right-top">Popis článku ...</span>
<span class="clanek-right-bottom">Popis článku ...</span>
</span>
</div>V CSS je jenom nastavený vertical-align (u prvku clanek-right-top = top ; u prvku clanek-right-bottom = bottom ;) A já zkrátka potřebuji dát ten druhý Popis článku... (prvek clanek-right-bottom) vlevo k tomu černému obrázku (jako je první Popis článku...). S tímto kodem se to zobrazí špatně. Ale nechci prosím jako řešení tabulku <table> :). Děkuji za radu. |
||
| ssssa Profil * |
#2 · Zasláno: 10. 2. 2009, 16:34:11
|
||
| ssssa Profil * |
#3 · Zasláno: 10. 2. 2009, 16:35:22
|
||
| Trejpa Profil |
#4 · Zasláno: 10. 2. 2009, 16:49:17
ssssa
Co si představuješ pod vertical-align? Tato vlastnost lze použít pouze na tabulky (vertikální pozice textu v buňkách) a na objekty typu obrázku (jejich vertikální pozice vůči okolnímu textu). Na žádné jiné elementy nemá žádný účinek. |
||
| ssssa Profil * |
#5 · Zasláno: 11. 2. 2009, 19:58:00
Má to účinek na ty dva nápisy ,,Popis článku ...,, , a sice že je jeden nahoře a jeden dole. Ale já se ptám na to, jak udělat to aby byl i ten druhý Popis článku ... (ten dole) vlevo u toho černého obrázku (stejně jako ten první)?
|
||
| ssssa Profil * |
#6 · Zasláno: 12. 2. 2009, 15:54:36
Problém vyřešen. stačilo přidat float: left a všechno dát do divů ...
|
||
|
Časová prodleva: 15 let
|
|||
0