ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как обрезать содержимое ячейки
14 сообщений из 14, страница 1 из 1
Как обрезать содержимое ячейки
    #35454319
alukart
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alukart
Гость
Такая ситуация:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table width= 20 % border= 1 >
<td width= 50 %>1ячейка</td>
<td width= 50 % nowrap>
  <table width= 100 % border= 1 >
    <td>2ячейка</td>
  </table>
</td>
</table>

Так вот, если содержимое ячейки 2 будет слишком большим, то ячейка 2 заберёт часть места у ячейки 1. И получится, что две ячейки занимают места не 50/50, а в другом соотношении. Как сделать так, чтобы содержимое ячейки 2 обрезалось для сохранения соотношения 50/50.
...
Рейтинг: 0 / 0
28.07.2008, 02:55
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35454442
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alukartКак сделать так, чтобы содержимое ячейки 2 обрезалось для сохранения соотношения 50/50.
Как вариант... Вставить в ячейку ДИВ с нужными размерами и указать в css для него

Код: plaintext
overflow: hidden;

А еще лучше вместо этих двух таблиц сделать ДИВы... Структурка-то вроде простая.
...
Рейтинг: 0 / 0
28.07.2008, 08:35
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35456408
alukart
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alukart
Гость
Спасибо частично помогло, но в IE не работает.
...
Рейтинг: 0 / 0
28.07.2008, 19:57
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35456794
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alukart , без тестовых примеров трудно расчитывать на своевременную, 100% помощь...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
29.07.2008, 08:57
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35456893
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
krvsa alukart , без тестовых примеров трудно расчитывать на своевременную, 100% помощь...
да тут хоть пиши примеры тестовые, хоть нет... ИЕ неумный применяет overflow в таблицах только в том случае, если ширина/высота задана жестко (в пикселах, например), а иначе все равно тянет ячейку.

Для пример для сравнения:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<table width="100%" border="1">
<tr>
	<td width="20%">
		<div style="overflow:hidden;">contentcontentcontentcontentcontentcontentcontent</div>
	</td>
	<td width="80%"> 80 %</td>
</tr>
</table>

<table width="100%" border="1">
<tr>
	<td width="20%">
		<div style="width:100px; overflow:hidden;">contentcontentcontentcontentcontentcontentcontent</div>
	</td>
	<td width="80%"> 80 %</td>
</tr>
</table>

Как побороть его - не знаю. А у тебя есть идеи какие?
...
Рейтинг: 0 / 0
29.07.2008, 09:38
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35457769
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
illionА у тебя есть идеи какие?
Х/з... Благо с такими вариантами еще не сталкивался... Мы работаем по технологии csp... Т.ч. такие "острые" углы можно обойти на сервере. Обрезать значение или еще как-то его преобразовать...
Небыло пока таких проблем...
...
Рейтинг: 0 / 0
29.07.2008, 13:38
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35458539
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
М.Голованов
Участник
illionКак побороть его - не знаю. А у тебя есть идеи какие?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<table width="100%" border="1" style="table-layout:fixed">
<tr>
	<td width="20%">
		<div style="overflow:hidden;">contentcontentcontentcontentcontentcontentcontent</div>
	</td>
	<td width="80%"> 80 %</td>
</tr>
</table>

<table width="100%" border="1" style="table-layout:fixed">
<tr>
	<td width="20%">
		<div style="overflow:hidden;">contentcontentcontentcontentcontentcontentcontent</div>
	</td>
	<td width="80%"> 80 %</td>
</tr>
</table>
...
Рейтинг: 0 / 0
29.07.2008, 16:53
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35458553
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
М.Голованов
Участник
krvsaтакие "острые" углы можно обойти на сервере
Можно, но не рекомендуется. Каждый компонент должен делать свою работу.
...
Рейтинг: 0 / 0
29.07.2008, 16:57
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35459107
alukart
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alukart
Гость
М.Голованов спасибо большое! Помогло.
Но теперь появилась задачка посложней:
Ситуация:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<table width= 50 % border= 1 >
<td width= 50 %> 50 %</td>
<td width= 50 % nowrap>
<table width="100%" border="1" style="table-layout:fixed">
<tr>
	<td width="50%">
		<div style="overflow:hidden;"><select><option>contentcontentcontentcontentcontentcontentcontentcontent</option></select></div>
	</td>
	<td width="50%"> 50 %</td>
</tr>
</table></td></table>
В этом случае имеется низпадающий список вместо обычного текста. Опять таки необходимо сохранить размеры ячеек, но обрезать не сам список, а пункты этого списка. Во как!
...
Рейтинг: 0 / 0
29.07.2008, 22:54
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35459149
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
М.Голованов
Участник
alukartимеется низпадающий список вместо обычного текста. Во как!
"Низпадающий список" - это селектор? Тогда, к примеру, проще всего так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<table width="100%" border="1" style="table-layout:fixed">
<tr>
	<td width="20%" style="overflow:hidden;">contentcontentcontentcontentcontentcontentcontent</td>
	<td width="80%"> 80 %</td>
</tr>
<tr>
	<td id="col1cell1" width="20%">
<SELECT id="col1cell1selector">
<OPTION value="1">option1_option1_option1_option1_option1_option1_option1_option1_option1_option1_option1_option1_option1_
<OPTION value="2">option2_option2_option2_option2_option2_option2_option2_option2_option2_option2_option2_option2_option2_
</SELECT> 	
	</td>
	<td width="80%"> 80 %</td>
</tr>
</table>
<head>
<SCRIPT type=text/javascript>
function col1_resize(){ col1cell1.selector.style.width=col1cell1.clientWidth; }
var col1cell1=document.getElementById("col1cell1");
col1cell1.selector=document.getElementById("col1cell1selector");
col1_resize();
window.onresize=col1_resize;
</SCRIPT>
</head>

Кстати, как видим, вставлять в ячейку DIV вовсе не надо.
...
Рейтинг: 0 / 0
30.07.2008, 00:01
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35459180
alukart
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alukart
Гость
Оуу.. Хитро. В жизни бы не догадался засунуть head после данных. Спасибо!
...
Рейтинг: 0 / 0
30.07.2008, 00:57
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35459201
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
alukartОуу.. Хитро. В жизни бы не догадался засунуть head после данных. Спасибо!
надеюсь Вы это не серьезно и head остался на своем законном месте.
...
Рейтинг: 0 / 0
30.07.2008, 05:02
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35459388
М.Голованов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
М.Голованов
Участник
alukartВ жизни бы не догадался засунуть head после данных
В моем примере это непонятно, поскольку было отрезано лишнее. Если оставить остальные теги, то формально должно было быть так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<html>
<head>
<title>формально правильный документ</title>
<!-- здесь прочее, выполняемое до рендеринга отображаемого -->
</head>
<body>
<!-- здесь отображаемый контент -->
</body>
<head>
<!-- здесь скрипты, выполняемые после рендеринга отображаемого -->
</head>
</html>

Документ (html) может содержать отображаемые (body) и неотображаемые (head) секции. Соответственно я и поместил скрипт в неотображаемую секцию. Правило необязательное (браузеры сами додумывают, что к чему), но для порядка в мыслях рекомендуется.
...
Рейтинг: 0 / 0
30.07.2008, 09:33
| Ответить | Цитировать | Написать  
Как обрезать содержимое ячейки
    #35460082
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
М.Голованов
Документ (html) может содержать отображаемые (body) и неотображаемые (head) секции. Соответственно я и поместил скрипт в неотображаемую секцию. Правило необязательное (браузеры сами додумывают, что к чему), но для порядка в мыслях рекомендуется.
для порядка в мыслях не мешало бы Вам ознакомиться и хотя бы с одним доктайпом или хтмл-валидатором и узнать, что head должен находиться перед body и нигде больше, иначе хтмл-страница не валидна. Скрипты и стили должны находиться в head, но не в невалидном head в конце документа, а в нормальном head в начале. (я вообще не понимаю смысла этого - "скрипты, выполняемые после рендеринга отображаемого". Для этого совсем не нужно, чтобы скрипты находились после содержимого. Достаточно вызова функций на window.onload или последующие события, инициируемые пользователем).
...
Рейтинг: 0 / 0
30.07.2008, 12:55
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как обрезать содержимое ячейки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35454319&tid=1456109]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 140ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 54ms
get tp. blocked users:
 2ms
others: 261ms
total:  500ms
созд. / загр.: 500ms
x
x
Закрыть


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