| Autor | Zpráva | ||
|---|---|---|---|
| martinek Profil * |
#1 · Zasláno: 16. 1. 2009, 17:10:41
Ahoj,
mám dotaz ohledně značky <option> a její šířky. Nastavil jsem značce <select> nějakou šířku, což mělo vliv i na <option>. <option> je široká maximálně jako <select>. Pokud se tedy v <option> vyskytne nějaký text delší než <select>, tak se zobrazí jen jeho část, která se tam vejde. :-( Jedná se o IE 6. Díky moc. |
||
| martinek Profil * |
#2 · Zasláno: 16. 1. 2009, 17:15:40
... mám to stylované přes CSS.
|
||
| panther Profil |
#3 · Zasláno: 16. 1. 2009, 17:20:16
martinek
a otázka zní? |
||
| martinek Profil * |
#4 · Zasláno: 16. 1. 2009, 17:23:35
Aha. :-) Jak udělat, aby se zobrazil celý text v <option>.
|
||
| martinek Profil * |
#5 · Zasláno: 16. 1. 2009, 17:25:05
Aha. :-) Jak udělat, aby se zobrazil celý text v <option>.
|
||
| panther Profil |
#6 · Zasláno: 16. 1. 2009, 17:29:34 · Upravil/a: panther
martinek
„Jak udělat, aby se zobrazil celý text v <option>.“ tipnul bych, že nejlepší bude nenastavovat šířku selectu. Případně zkus min-width. EDIT: oprava odkazu |
||
| martinek Profil * |
#7 · Zasláno: 16. 1. 2009, 17:34:50
Ale já právě potřebuju mít <select> s určitou šířkou...
Ono ani nefunguje, když nastavím šířku <option>. Prostě to nikdy nepřekročí šířku <select>. Je jedno, jestli dám width, nebo min-width... |
||
| panther Profil |
#8 · Zasláno: 16. 1. 2009, 17:37:30
martinek
„Ale já právě potřebuju mít <select> s určitou šířkou... “ pokud potřebuješ určitou šířku, jak se tam má ten option vejít? Mají se snad písmenka sama od sebe smrsknout? Jak se má podle tebe chovat text, který se do selectu, resp. optionu nevejde a tudíž se nemůže zobrazit celý? |
||
| martinek Profil * |
#9 · Zasláno: 16. 1. 2009, 17:42:24
Tak jako ve Firefoxu, např.
<select> je pořád stejně široký. Značky <option> (po aktivaci <select>) se zobrazí s potřebnou šířkou. |
||
| Plaváček Profil |
#10 · Zasláno: 16. 1. 2009, 18:04:20
martinek
V IE nepochodíš a nezadávej nikdy elementu SELECT pevnou šířku, když nevíš, co bude jeho obsahem. |
||
| martinek Profil * |
#11 · Zasláno: 16. 1. 2009, 18:25:21
Toho jsem se bál... Náhradní řešení je dát prvkům <option> atribut title, ve kterém bude stejný obsah jako v <option>. Takže normálně sice nebude zobrazen celý text, ale po najetí myší se zobrazí.
(<select> jsem dal šířku, protože jinak nám přetékal z formulářů -- někdy v <option> byly delší texty.) Každopádně díky za pomoc. |
||
| Plaváček Profil |
#12 · Zasláno: 16. 1. 2009, 20:34:56
martinek
„řešení je dát prvkům <option> atribut title, ve kterém bude stejný obsah jako v <option>.“ Nerozumím. „(<select> jsem dal šířku, protože jinak nám přetékal z formulářů -- někdy v <option> byly delší texty.) “ Udělej to jinak. |
||
| panther Profil |
#13 · Zasláno: 16. 1. 2009, 20:56:25
martinek
krom Plaváčkova příspěvku [#12] zkus přihodit odkaz, třeba společně najdeme jiné, uživatelsky přijatelnější řešení problému. |
||
| Plaváček Profil |
#14 · Zasláno: 17. 1. 2009, 08:54:49
|
||
| imploder Profil |
#15 · Zasláno: 17. 1. 2009, 09:21:34
„pokud potřebuješ určitou šířku, jak se tam má ten option vejít? Mají se snad písmenka sama od sebe smrsknout?“
Kdyby to šlo, tak písmenka v nerozbaleném selectu zalezou (nebude vidět celý obsah vybrané položky), ale optiony se tím řídit teoreticky nemusí a byly by pak napravo širší. Pokud nutně potřebuješ nějaký zvláštně vypadající / chovající se select nebo jiný formulářový prvek, asi bude nejlepší ho naprogramovat v JS + CSS a při vypnutém JS nabídnout jako alternativu normální formulář. |
||
| martinek Profil * |
#16 · Zasláno: 19. 1. 2009, 12:16:34
Zdravím,
díky moc všem za rady. Už je to jedno, projekt se odevzdal a já jsem rozbalovací políčka musel celá rozšířit (tzn. rozšířit <select>). JavaScript jsem použít nechtěl a nemohl. Co se týče Plaváčkova dotazu ohledně atributu title... Myslel jse to nějak takto: <select style="width: 50px;"> <option title="Zde je nějaký delší text, který se nevejde.">Zde je nějaký delší text, který se nevejde.</option> </select> Ještě jednou díky za pomoc. |
||
|
Časová prodleva: 1 rok
|
|||
| Noby Profil * |
#17 · Zasláno: 25. 5. 2010, 14:28:30
Díky za tip s title
|
||
|
Časová prodleva: 2 roky
|
|||
| jeanes Profil |
#18 · Zasláno: 9. 1. 2012, 17:53:45
Zdravím, řeším momentálně ten samý problém. Nenašel jste už někdo řešení, jak rozšířit options v selectu podle nejdelšího prvku. V mozille to funguje jak má, ale IE to ořezává podle nastavené šířky selectu...
|
||
|
Časová prodleva: 12 let
|
|||
0