Autor | Zpráva | ||
---|---|---|---|
Jakubbbb Profil * |
#1 · Zasláno: 29. 5. 2009, 01:42:40
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 * |
#2 · Zasláno: 29. 5. 2009, 01:44:44
Vytvořil jsem toto:
V úmyslu jsem měl přibližně toto: |
||
Taps Profil |
#3 · Zasláno: 29. 5. 2009, 07:06:43
Jakubbbb
podívej se na css vlastnosti margin, padding |
||
panther Profil |
#4 · Zasláno: 29. 5. 2009, 08:05:22
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 * |
#5 · Zasláno: 29. 5. 2009, 09:48:30
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 |
#6 · Zasláno: 29. 5. 2009, 10:36:41 · Upravil/a: imploder
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 * |
#7 · Zasláno: 29. 5. 2009, 12:25:42
„Jakubbbb“
„podívej se na css vlastnosti margin, padding“ To je na nastavení okrajů, ne? |
||
Jakubbbb Profil * |
#8 · Zasláno: 29. 5. 2009, 12:36:30
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 |
#9 · Zasláno: 29. 5. 2009, 14:29:23
Jakubbbb
Nebo to můžeš udělat tabulkou. Design pomocí tabulek > Umisťování dvou krátkých textů na jeden řádek |
||
Jakubbbb Profil * |
#10 · Zasláno: 30. 5. 2009, 00:07:36
už to mám hotové
|
||
Časová prodleva: 15 let
|
0