ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Горизонтальная полоса прокрутки в ячейки таблицы.
7 сообщений из 7, страница 1 из 1
Горизонтальная полоса прокрутки в ячейки таблицы.
    #35882654
BikArt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
BikArt
Гость
Здравствуйте.
У меня есть таблица, ширина ячейки которой 400px и картинка, шириной 800px. Мне нужно разместить эту картинку в ячейку так, что-бы их размеры не поменялись(т.е. было видно только половину картинки) и что-бы как-то можно было "пролистать ячейку" для просмотра скрытой части картинки, т.е. что-то на подобии горизонтальной полосы прокрутки.
Как такое можно реализовать?
...
Рейтинг: 0 / 0
20.03.2009, 18:05:33
| Ответить | Цитировать | Написать  
Горизонтальная полоса прокрутки в ячейки таблицы.
    #35882865
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Задать для таблицы стиль table-layout: fixed и overflow: auto для ячейки.
В твоем случае появится горизонтальный скролер и если его высота + высота картинки будут больше высоты ячейки, то еще и вертикальный. Может быть не очень красиво.
...
Рейтинг: 0 / 0
20.03.2009, 20:27:10
| Ответить | Цитировать | Написать  
Горизонтальная полоса прокрутки в ячейки таблицы.
    #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:15:47
| Ответить | Цитировать | Написать  
Горизонтальная полоса прокрутки в ячейки таблицы.
    #35882994
BikArt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
BikArt
Гость
Код: plaintext
1.
2.
3.
<div style=" overflow: auto;">
        <img src="<%= SkinPath %>images/logo.gif"/>
	</div>
Вот так заработало! Спс, то что надо!
...
Рейтинг: 0 / 0
20.03.2009, 22:41:18
| Ответить | Цитировать | Написать  
Горизонтальная полоса прокрутки в ячейки таблицы.
    #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
20.03.2009, 22:44:27
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Горизонтальная полоса прокрутки в ячейки таблицы.
    #36611568
CaHo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CaHo
Гость
spasibo!
...
Рейтинг: 0 / 0
04.05.2010, 18:52:35
| Ответить | Цитировать | Написать  
Горизонтальная полоса прокрутки в ячейки таблицы.
    #36611875
AIS
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AIS
Участник
IDVsbruck ,
Спасибо думаю пригодится.
А будет ли такое решение работать везде (броузеры)?
...
Рейтинг: 0 / 0
05.05.2010, 00:13:23
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Горизонтальная полоса прокрутки в ячейки таблицы.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=251&tid=1453138]:
 0ms
get settings:
 12ms
get forum list:
 23ms
check forum access:
 5ms
check topic access:
 5ms
track hit:
 92ms
get topic data:
 13ms
get forum data:
 4ms
get page messages:
 61ms
get tp. blocked users:
 1ms
others: 234ms
total:  450ms
созд. / загр.: 450ms
x
x
Закрыть


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