Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Горизонтальная полоса прокрутки в ячейки таблицы. / 7 сообщений из 7, страница 1 из 1
20.03.2009, 18:05:33
    #35882654
BikArt
BikArt
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
Здравствуйте.
У меня есть таблица, ширина ячейки которой 400px и картинка, шириной 800px. Мне нужно разместить эту картинку в ячейку так, что-бы их размеры не поменялись(т.е. было видно только половину картинки) и что-бы как-то можно было "пролистать ячейку" для просмотра скрытой части картинки, т.е. что-то на подобии горизонтальной полосы прокрутки.
Как такое можно реализовать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.03.2009, 20:27:10
    #35882865
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
Задать для таблицы стиль table-layout: fixed и overflow: auto для ячейки.
В твоем случае появится горизонтальный скролер и если его высота + высота картинки будут больше высоты ячейки, то еще и вертикальный. Может быть не очень красиво.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.03.2009, 22:15:47
    #35882973
BikArt
BikArt
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
Хм.. сделал как вы сказали:
Код: plaintext
1.
2.
3.
4.
5.
6.
<table style="table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="width:400px; overflow: auto;">
                                        <img src="<%= SkinPath %>images/logo.gif"
			                        </td>
                                </tr>
                            </table>
не работает... ячейка раздвинулась и в высоту и в ширину...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.03.2009, 22:41:18
    #35882994
BikArt
BikArt
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
Код: plaintext
1.
2.
3.
<div style=" overflow: auto;">
        <img src="<%= SkinPath %>images/logo.gif"/>
	</div>
Вот так заработало! Спс, то что надо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.03.2009, 22:44:27
    #35882998
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table width="400" style="table-layout: fixed" border="0" cellspacing="0" cellpadding="0">
	<col width="400"/>
	<tr>
		<td style="overflow: auto">
			<img src="<%= SkinPath %>images/logo.gif"/>
		</td>
	</tr>
</table>
Это потому, что ширина таблицы не задана. Привел пример с <col> - на случай, когда более одного столбца. Этого требует спецификация по стилю table-layout (или указанной ширины столбцов).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
04.05.2010, 18:52:35
    #36611568
CaHo
CaHo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
spasibo!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2010, 00:13:23
    #36611875
AIS
AIS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальная полоса прокрутки в ячейки таблицы.
IDVsbruck ,
Спасибо думаю пригодится.
А будет ли такое решение работать везде (броузеры)?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Горизонтальная полоса прокрутки в ячейки таблицы. / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 443ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453138]:
 0ms
get settings:
 6ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 195ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 192ms
total:  443ms
x
x
Закрыть


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