Autor Zpráva
Jakubbbb
Profil *
Jak bych měl udělat aby se mi v jednom řádku část textu zarovnávala doleva a druhá část doprava?
Nevím si stím rady, když se pokusím zarovnat text ohraničený <span> tak mi to nefunguje a <div> přidává zalomení řádků, nevím co s tím, napadlo mě použít tabulku, ale mám desing přes CSS a nechci to kazit tabulkou, určitě to nějak jde, jen nejsem schopný přijít na to jak.

Vytvořil jsem toto: [img]http://vtipy.zaridi.to/mam.jpg[/img]

V úmyslu jsem měl přibližně toto: [img]http://vtipy.zaridi.to/chci.jpg[/img]
Jakubbbb
Profil *
Vytvořil jsem toto:

V úmyslu jsem měl přibližně toto:
Taps
Profil
Jakubbbb
podívej se na css vlastnosti margin, padding
panther
Profil
Jakubbbb
a co ty texty floatovat? Mělo by to být něco takového..
<div style="background: red; height: 20px; width: 500px;">
	<span style="float: left; background: yellow;">text vlevo</span>
	<span style="float: right; background: yellow;">text vpravo</span>
</div>
zvěřiňák
Profil *
Kompletně by to vypadalo takto:
<div style="width: 500px; border: 1px solid black;">
 <p style="border-bottom: 1px solid black; background: #0DFFF9; margin: 0;">
    <span style="float: left;">Horní lišta vlevo</span>
    <span style="float: right;">Horní lišta vpravo</span>
 <br style="clear: both;">
 </p>
 <p style="background: #F7CD47; margin: 0;">Toto je text nějakého zajímavého vtipu Xd (a hlavně vtipného)
    Toto je text nějakého zajímavého vtipu Xd (a hlavně vtipného)Toto je text nějakého zajímavého vtipu Xd (a hlavně vtipného)
    Toto je text nějakého zajímavého vtipu Xd (a hlavně vtipného)Toto je text nějakého zajímavého vtipu Xd (a hlavně vtipného)
 </p>
 <p style="border-top: 1px solid; background: #0DFFF9; margin: 0;">
    <span style="float: left;">Dolní lišta vlevo</span>
    <span style="float: right;">Dolní lišta vpravo</span>
 <br style="clear: both;">
 </p>
</div>
imploder
Profil
Tohle asi bez floatu nepůjde.
zvěřiňák
ten kód nefunguje?
EDIT: aha, spletl jsem si zvěřiňáka s Jakubbbem
Jakubbbb
Profil *
Jakubbbb
podívej se na css vlastnosti margin, padding
To je na nastavení okrajů, ne?
Jakubbbb
Profil *
zvěřiňák
díky, taky sem to zkoušel floatovat, ale nedal jsem tam atribut clear: both, tak mi to moc nefungovalo.
Funguje to nádherně, jen jsem si přenastavil šířku z 5OOpx na 100% a samozřejmě barvy.

Moc vám děkuju, nemoh sem s tim pohnout...

PS: až ten web dodělám, ozvu se :D
Shane
Profil
Jakubbbb
Nebo to můžeš udělat tabulkou.

Design pomocí tabulek > Umisťování dvou krátkých textů na jeden řádek
Jakubbbb
Profil *
už to mám hotové

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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