Autor | Zpráva | ||
---|---|---|---|
DejwN Profil |
Zdravím,
mám takový problém a nevím, jak ho vyřešit. Na stránce mám udělanou tabulku a vedle ní text. Vedle názvu států mám nastaveno odsazení 20px. Jde tedy nějak udělat/nastavit, aby text vlevo "tekl" hned vedle států a nedržel se pomyslného rámečku tabulky? MOC Díky |
||
Str4wberry Profil |
#2 · Zasláno: 24. 4. 2012, 16:52:40
To je docela komplikované. Postup je podobný jako když je potřeba Dynamický text wrapping kolem obrázku (detekce hran?). S tím, že ta tabulka by se absolutně napozicovala doprava nahoru a prázdné plovoucí elementy by na jejím místě překážely textu.
|
||
peta Profil |
Nechapu, obtekani mi normalne funguje, tobe ne? Ale v pripade obrazku asi pomoci JS canvas nebo nejak zjistit hrany a musis mu predat i velikost line-height. V ukazce od Str4wberry je videt i deleni dlouhych slov pomoci minuska a obtekani z leva i zprava.
Nejjednodussi cesta je tam obrazek napozicovat a text rucne rozdelit. Na to, co s tim provede jakasi automatika, na to bych nespolehal. <style> p {width:300px; color:#080; text-align: justify;} span {float:right; clear:right; color:#f00;} </style> <p> <span> 1234567890</span> <span> 12345 67 890 123</span> <span> 12 34 56 </span> <span> 123 4567 890123</span> <span> 1234 56 78</span> aaaa aaaaaa aaaa aaa aa a aa aaaaa aaa aaaaaaa a aaaa aaaaaaaaa aaaa aaaaaa aaaa aaa aa a aa aaaaa aaa aaaaaaa a aaaa aaaaaaaaa aaaa aaaaaa aaaa aaa aa a aa aaaaa aaa aaaaaaa a aaaa aaaaaaaaa aaaa aaaaaa aaaa aaa aa a aa aaaaa aaa aaaaaaa a aaaa aaaaaaaaa </p> |
||
DejwN Profil |
#4 · Zasláno: 25. 4. 2012, 12:46:00
Ale graf v pravo je řešen pomocí tabulky - představi si tam pomyslné rámování ;) Zeptám se trochu jinak, můj problém se lehce změnil a vyřešit by jej mohlo následující - lze v HTML, CSS... nějak udělat takovouto tabulku?
|
||
peta Profil |
#5 · Zasláno: 25. 4. 2012, 15:00:37
Musis myslet v css a ne pomyslnem oramovani.
U tabulky nelze nastavit float pro tr, pripadne pozmenit display u table, td? Tabulka pomoci css Tabulkovy layout, ale funguje jen v novych prohlizecich, display:table. |
||
Borius Profil |
#6 · Zasláno: 25. 4. 2012, 16:39:54
DejwN:
„nějak udělat takovouto tabulku?“ Zkrátka chceš, aby každý řádek měl jiný počet buněk (1. řádek dvě, 2. řádek tři, třetí čtyři atd)? Tvá tabulka má takovýto kód: <table cellspacing="0" border="1"> <tr><td>bbbbb</td><td colspan="5">aaaaaaaaaaaaaaaaaaaaaaa</td></tr> <tr><td>bbbbb</td><td colspan="4">aaaaaaaaaaaaaa</td><td> </td></tr> <tr><td>bbbbb</td><td colspan="3">aaaaaaaa</td><td>ccccc</td><td>ccccc</td></tr> <tr><td>bbbbb</td><td colspan="2">aaa</td><td> </td><td>ccccc</td<td>ccccc</td></tr> </table> |
||
Časová prodleva: 12 let
|
0