Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как обрезать содержимое ячейки / 14 сообщений из 14, страница 1 из 1
28.07.2008, 02:55
    #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, 08:35
    #35454442
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
alukartКак сделать так, чтобы содержимое ячейки 2 обрезалось для сохранения соотношения 50/50.
Как вариант... Вставить в ячейку ДИВ с нужными размерами и указать в css для него

Код: plaintext
overflow: hidden;

А еще лучше вместо этих двух таблиц сделать ДИВы... Структурка-то вроде простая.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.07.2008, 19:57
    #35456408
alukart
alukart
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
Спасибо частично помогло, но в IE не работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2008, 08: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, 09:38
    #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, 13:38
    #35457769
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
illionА у тебя есть идеи какие?
Х/з... Благо с такими вариантами еще не сталкивался... Мы работаем по технологии csp... Т.ч. такие "острые" углы можно обойти на сервере. Обрезать значение или еще как-то его преобразовать...
Небыло пока таких проблем...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2008, 16:53
    #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:57
    #35458553
М.Голованов
М.Голованов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
krvsaтакие "острые" углы можно обойти на сервере
Можно, но не рекомендуется. Каждый компонент должен делать свою работу.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.07.2008, 22:54
    #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
| Ответить | Цитировать | Написать  
30.07.2008, 00:01
    #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:57
    #35459180
alukart
alukart
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
Оуу.. Хитро. В жизни бы не догадался засунуть head после данных. Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2008, 05:02
    #35459201
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
alukartОуу.. Хитро. В жизни бы не догадался засунуть head после данных. Спасибо!
надеюсь Вы это не серьезно и head остался на своем законном месте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2008, 09:33
    #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, 12:55
    #35460082
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как обрезать содержимое ячейки
М.Голованов
Документ (html) может содержать отображаемые (body) и неотображаемые (head) секции. Соответственно я и поместил скрипт в неотображаемую секцию. Правило необязательное (браузеры сами додумывают, что к чему), но для порядка в мыслях рекомендуется.
для порядка в мыслях не мешало бы Вам ознакомиться и хотя бы с одним доктайпом или хтмл-валидатором и узнать, что head должен находиться перед body и нигде больше, иначе хтмл-страница не валидна. Скрипты и стили должны находиться в head, но не в невалидном head в конце документа, а в нормальном head в начале. (я вообще не понимаю смысла этого - "скрипты, выполняемые после рендеринга отображаемого". Для этого совсем не нужно, чтобы скрипты находились после содержимого. Достаточно вызова функций на window.onload или последующие события, инициируемые пользователем).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как обрезать содержимое ячейки / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 467ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456109]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 242ms
total:  467ms
x
x
Закрыть


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