Autor Zpráva
ssssa
Profil *
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 *
ssssa
Profil *
Obrázek je zde:

http://img218.imageshack.us/my.php?image=prikladke6.gif
Trejpa
Profil
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 *
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 *
Problém vyřešen. stačilo přidat float: left a všechno dát do divů ...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: