Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ширина ячеки таблицы с input`ом / 12 сообщений из 12, страница 1 из 1
27.06.2008, 12:33
    #35398486
Vint
Vint
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Добрый день.
Есть проблемка которую никак не могу побороть и мысли уже кончились.... надеюсь кто нибудь сможет подсказать правильно решение.
IE6 - исключительно для этого браузера.
Код: plaintext
1.
2.
3.
<td class="view" width="10%">
                  <input type="text" style="width:90%" name="element_<%= zoningCountView%>" value="Очень_длинный_текст_без_пробелов"  onchange="setChange();"/>
</td>
Очень_длинный_текст_без_пробелов - может быть и 100 и 1000 символов. при этом ширина столбца не должна менятся, но меняется. причем ширина столбца как раз равна длинне строки.
можно ли как то обойти эту проблему?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 12:39
    #35398513
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Я не понял проблемы... У меня просто идет прокрутка и все...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type='text/css'>
body {
	width:  100 %;
}
table {
	margin: auto;
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td><input type='text' size='100' value='11111111111111111111111111111111112222222222222222222222222222222222222222222222222222222222444444444444444444444444444444444444444444444444444444444444444455555555555555555555555555555555555555555555555555555555555555555555' />
</td>
</tr>
</table>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 12:48
    #35398537
Vint
Vint
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
вот попытался выдрать кусок кода более явно иллюстирующий.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type='text/css'>
body {
	width:  100 %;
}
table {
	margin: auto;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0"  class="view">
              <col width="5%"/>
              <col width="10%"/>
              <col width="100px"/>
              <col width="10%"/>
              <col width="24%"/>
              <col width="20%"/>
              <col width="21%"/>
              <col width="10px"/>
              <tbody id="tbody"> 
               <tr id="tr_0" class="view_title">
                  <td> </td>
                               
                  <td nowrap>Мнемокод<br/>
                    Наименование </td>
                  <td>XML тэг<br/>Атрибут</td>
                  <td nowrap>Порядок тэгов<br/></td>                               
                  <td>Правило нормализации/<br/>
                  вычисления<br/>
                  Правило удаления</td>
                  <td nowrap> Группа<br/>
                    Простр.имен</td>
                  <td nowrap>Аналитический <br/>
                    показаетель </td>                                
                  <td nowrap>Уд.</td>
                </tr>
                
               
              
                <tr  id="tr_1" class="view_odd_line">
                  <td>                    <input type="hidden"  id="id_1" name="id_1" value="DA63459D91F84144B1D45B700231F966"/>
                  </td>
                  <td class="view"  nowrap="nowrap"><input type="text" style="width:90%" id="name_1" name="name_1" value="ID нормативного документа"  onchange="setChange();"/>
                    <br />
                    <div style="display:none" id="div_1_1">
                      <input type="text" style="width:90%" id="nick_1" name="nick_1" value="EvNormDocID"  onchange="setChange();"/>
                    </div></td>
                  <td class="view" width="100px">

                  <input type="text" style="width:90%" id="element_1" name="element_1" value="/DocData/DocContent/EvNormDocID111111111111111111111111111111111111111111111111"  onchange="setChange();"/>
                    <br/>
                    <div style="display:none" id="div_2_1">
                      <input type="text" style="width:90%" id="attribute_1" name="attribute_1" value=""  onchange="setChange();"/>
                    </div></td>
                  <td class="view"><input type="text" style="width:90%" id="elementorders_1" name="elementorders_1" value=""  onchange="setChange();"/></td>
                  <td class="view"  nowrap="nowrap">
                    <input type="text" name="namemetafieldsvalid_1" style="width:60%" value=""  onchange="setChange();"  readonly/>
                    <input type="hidden"  id="idmetafieldsvalid_1" name="idmetafieldsvalid_1" value=""/>
                      
                   <div style="display:none" id="div_3_1">
                      <input type="text" name="namemetafieldstype_1" style="width:60%" value="ИстФорм"   onchange="setChange();" readonly/>
                      <input type="hidden"  id="idmetafieldstype_1" name="idmetafieldstype_1" value="233036AB3EDB46D4A9BE0F0E70D22C21"/>
                       
                      </div>
                  </td>
                  <td class="view"  nowrap="nowrap">
                    <input type="text" name="namefieldslist_1" style="width:60%" value="" onchange="setChange();" readonly/>
                     <div style="display:none;width:60%;" id="div_4_1">
                      <input type="text" style="width:50%" id="namespace_1" name="namespace_1" value="http://xmlns.oracle.com/MSG_NDD1_1http://xmlns.oracle.com/MSG_NDD1_1" onchange="setChange();"/>                       
                    </div>
                    <input type="hidden"  id="idfieldslist_1" name="idfieldslist_1" value=""/>
                  </td>
                  <td class="view" nowrap="nowrap">
                    <input type="text" name="nameanaliticmeasure_1" style="width:60%" value="" onchange="setChange();"  readonly/>
                    <input type="hidden"  id="idanaliticmeasure_1" name="idanaliticmeasure_1" value=""/>
                    </td>
                  <td class="view" align="center"><input type="hidden" name="flag_1" value="u"/>
                   </td>
                   </tr> 
                   
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 12:57
    #35398575
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Не поленился скопипастил премерчег. А надо чего? Из предыдущих постов не понятно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 12:59
    #35398586
Vint
Vint
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
всем спасибо.
проблему решил пока писал примерчик)))
оказалось что input берет ширину внутреннего текста и от нее высчитывает свою ширину.
видимо у меня логика неправильная или мозг не так заточен... всегда считал что ширина считается от вышестоящего элемента.... причем такая проблема только в ie...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 13:00
    #35398593
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Какой-то напряг у нас с тестовыми примерами.

Все инпуты коротенькие с прокруткой... Чего не так?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 13:07
    #35398620
Vint
Vint
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
krvsaКакой-то напряг у нас с тестовыми примерами.

Все инпуты коротенькие с прокруткой... Чего не так?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
)) IE6? уменя только в эксплорере такой глюк.... опера и мозила нормально и правильно рисуют)) в принципе и фиг с ним. главное что я понял и решил проблему)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 13:20
    #35398679
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Vint)) IE6? уменя только в эксплорере такой глюк....
Да.
Я разницы между моим ИЕ и Оперой не заметил... Но текст у тебя "не приведи господи". разве же так пишут?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 14:07
    #35398829
Vint
Vint
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
krvsa Vint)) IE6? уменя только в эксплорере такой глюк....
Да.
Я разницы между моим ИЕ и Оперой не заметил... Но текст у тебя "не приведи господи". разве же так пишут?
пишут пишут)) только это конечный вариант jsp странички)) вернее маленький кусок с вырезанными кусками.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 14:58
    #35398985
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
У таблицы есть такой стиль - table-layout: fixed.
Если установить ячейку определенной ширины, то с какой стати input будет расширять ее? Указываешь ширину ячейки, ширину инпута и все должно быть нормально.
Если надо всунуть просто текст в ячейку, чтобы он не переносился, а показывалась только видимая часть, а остальная просто пряталась, то надо заключить текст в <nobr></nobr>.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 15:31
    #35399088
_Vasilisk_
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
Vintвсем спасибо.
проблему решил пока писал примерчик)))
оказалось что input берет ширину внутреннего текста и от нее высчитывает свою ширину.
видимо у меня логика неправильная или мозг не так заточен... всегда считал что ширина считается от вышестоящего элемента.... причем такая проблема только в ie...
Нет, не правильно. Вытяни его из таблицы и все будет работать как надо. Для себя я данную проблему так и не решил
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 15:42
    #35399118
_Vasilisk_
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ширина ячеки таблицы с input`ом
IDVsbruckЕсли установить ячейку определенной ширины, то с какой стати input будет расширять ее? Указываешь ширину ячейки, ширину инпута и все должно быть нормально.
Если надо всунуть просто текст в ячейку, чтобы он не переносился, а показывалась только видимая часть, а остальная просто пряталась, то надо заключить текст в <nobr></nobr>.
Я сейчас поясню, в чем проблема.

Есть такая табличка
Код: plaintext
1.
2.
3.
4.
5.
6.
<table border="1" width="100%">
  <tr>
    <td>
      <input style="width: 100%" value="very very long text" />
    </td>
  </tr>
</table>
То таблица будет расширяться, пока не вместит весь input со всем текстом
IDVsbruckУ таблицы есть такой стиль - table-layout: fixed.
Хм. Только что проверил - действительно, то что нужно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ширина ячеки таблицы с input`ом / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 473ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456288]:
 0ms
get settings:
 9ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 100ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 61ms
get tp. blocked users:
 2ms
others: 256ms
total:  473ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]