Autor | Zpráva | ||
---|---|---|---|
Radim240 Profil * |
#1 · Zasláno: 16. 1. 2007, 17:09:04
Zalomení uvnitř blokového prvku (Opera, Mozilla)
Ahoj všem. Mám takový jednoduchý dotaz. Zkoušel jsem prvek: <EM>Popisek se zkušebním textem</EM> a potřeboval bych, aby ten text uvnitř se mi zalomil na několik řádků. Aby EM nezměnil svou šířku. Ten EM jsem zkoušel jako block nebo inline-block. Šířka je u mého pokusu nastavena na 50px a mám border 1px. V IE to funguje dobře. Problém: Opera v 8.54 ukazuje rámeček o rozsahu 50px (jedna řádka) a text nelogicky přesahuje onen rámeček. Potřeboval, bych aby text se zalomil v tom rozsahu šířky a výška se automaticky zvětšila dle délky textu. Mozilla 1.7.13 dělá něco podobného, akorát rámeček se zvětšil po šířce na délku textu, tzn. že prvek EM přizpůsobil svou šířku délce textu :-(. Díky moc za odpověďi |
||
Radim240 Profil * |
#2 · Zasláno: 18. 1. 2007, 09:20:02
Myslíte, že by problém se zalomením mohl vzniknout, protože jsem použil EM místo DIV? Ale když nastavím EM jako blokový, tak by ten problém být neměl, ne?
|
||
habendorf Profil |
#3 · Zasláno: 18. 1. 2007, 09:57:38
Dej sem link,on asi nikdo moc nechápe co chceš. Pokud zadáš display:block a šířku, nemělo by to zlobit.
|
||
Časová prodleva: 5 dní
|
|||
Radim240 Profil * |
#4 · Zasláno: 23. 1. 2007, 13:44:20
Dávám odkaz na obrázky:
http://pravatvar.wz.cz/restart/IE.jpg - IE http://pravatvar.wz.cz/restart/Mozilla.jpg - Mozilla http://pravatvar.wz.cz/restart/Opera.jpg - Opera ps: nevim jak to udelat aby se ten obrazek zobrazil primo tady. Ma to vypadat jako v tom prvnim obrazku (IE) - zalomovani toho textu se zkušebnim popiskem. |
||
Radim240 Profil * |
#5 · Zasláno: 23. 1. 2007, 13:45:06
U tech dalsich dvou uz to dela problem . Popisek vedle vstupnich policek se nezalomuje.
|
||
Časová prodleva: 7 dní
|
|||
Radim240 Profil * |
#6 · Zasláno: 30. 1. 2007, 12:52:06
Ahoj.
Prosím vás, jestli mi někdo můžete poradit, byl bych rád. Vždyď to nemůže být tak těžké, jenže já nevím kde mám hledat pomoc. R. |
||
Dero Profil |
#7 · Zasláno: 30. 1. 2007, 13:25:14
Radim240: No jo, když pošleš jenom obrázky, tak to se dá těžko soudit.
Tento zápis: em { display: block; width: 100px; overflow: hidden; border: 1px solid green; } nemůže v žádném prohlížeči dělat problémy. |
||
Radim240 Profil * |
#8 · Zasláno: 1. 2. 2007, 11:58:25
Díky moc zkusím to.
|
||
Radim240 Profil * |
#9 · Zasláno: 2. 2. 2007, 11:23:07
No jo, ale já potřebuji aby ten text uvnitř blokového prvku EM se zalomoval... To co si mi dal vlastne jen skryje ten přesahující text.
Mám tedy styl em { display: block; width: 80px; border: 1px solid green; } a popisek v rámečku (schválně jsem tam nedal to overflow: hidden;) <EM> Toto je zkušební text, který se má zalomovat, Toto je zkušební text, který se má zalomovat, Toto je zkušební text, který se má zalomovat, Toto je zkušební text, který se má zalomovat, Toto je zkušební text, který se má zalomovat, </EM> |
||
habendorf Profil |
#10 · Zasláno: 2. 2. 2007, 12:18:15
Tohle samozřejmě musí fungovat.
A taky že to funguje. Nějak nechápu co už dva týdny řešíš. Hned 18.1.2007 09:57:38 jsem ti odpověděl a ta odpověď pořád platí. |
||
Časová prodleva: 4 dny
|
|||
Radim240 Profil * |
#11 · Zasláno: 6. 2. 2007, 09:17:07
Ty stranky jeste nejsou na internetu.
|
||
Radim240 Profil * |
#12 · Zasláno: 6. 2. 2007, 09:24:28
Ma to vypadat jako na tom obrazku http://pravatvar.wz.cz/restart/IE.jpg Vedle těch vstupních políček vidíš popisky (písmo ve formátu Times New Roman - Italic). Jenže podle toho návodu od Dera, se ten text stále nezalomuje, jen pokračuje vpravo jako je na obrázku http://pravatvar.wz.cz/restart/Opera.jpg . Podle návodu od Dera se ten přečnívající text skryje, ale řeším to aby se to zalomovalo.
|
||
Zahon Profil |
#13 · Zasláno: 6. 2. 2007, 09:33:41
Tak mě napadá.. nemáš tam takhle čirou náhodou tabulku? Mám takové tušení, že pak by to dělalo přesně to, co popisuješ. (ale nejsem si tím stoprocentně jist) - jinak řešení od Dera i Habendorfa (v podstatě jsou obě totožná) stoprocentně normálně fungují. A pokud tam tabulku máš, tak buď odstranit a nebo si zkusit pohrát se slučováním řádků.
|
||
Joker Profil |
#14 · Zasláno: 6. 2. 2007, 10:59:50
Radim240
Jak píše Zahon, chyba bude někde jinde. Pro jistotu jsem zkopíroval ten kód z 2.2.2007 11:23:07 a funguje přesně podle očekávání (Opera 9.10) |
||
Časová prodleva: 14 dní
|
|||
Radim24 Profil * |
#15 · Zasláno: 20. 2. 2007, 09:14:02
Omlouvám se, ale v poslední době se moc k počítači nedostanu. Tabulky už nepoužvám. Asi nezbude než to na ten web nakopírovat.
|
||
Časová prodleva: 4 dny
|
|||
Radim24 Profil * |
#16 · Zasláno: 24. 2. 2007, 10:08:47
Tak konečně jsem nakopíroval ty stránky na web:
http://test124.wz.cz/system/forms/index.php?action=form&file=access prohlížím to teď přes mozillu a jak jsem říkal : "Hokus fokus, to je pokus. Prostor pro popisek." to přesahuje do toho políčka vprava. Mohl bych tam schovat to overflow: hidden ale tím pádem by byla vidět jen část popisku. Celý popisek se má zalomit na několik řádků podle šířky toho rámečku s popiskem (tj asi 80 px). |
||
Radim24 Profil * |
#17 · Zasláno: 24. 2. 2007, 10:11:48
V podstatě to skoro jako na tom obrazku http://pravatvar.wz.cz/restart/Mozilla.jpg
Snad mi te´d už někdo poradí? Díky moc |
||
habendorf Profil |
#18 · Zasláno: 24. 2. 2007, 11:28:32
Vyhoď ty PRE.
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0