Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как обойтись без привязки по размерам
 
 автор: Степан   (30.06.2009 в 16:47)   письмо автору
 
 

Создал сайт используя привязку по размерам. На 17 дюймовом мониторе вроде выглядит неплохо, а вот на 21 и более мониторе довольно таки мелко. И у меня возник вопрос "как без привязки по размерам сделать страничку, если необходимо чтобы изображения внутри ячеек таблицы изменяли свой размер вместе с таблицей?" Прошу Вашей помощи в решении данного вопроса

  Ответить  
 
 автор: PAT   (30.06.2009 в 17:19)   письмо автору
 
   для: Степан   (30.06.2009 в 16:47)
 

Принцип прост: надо задавать одному из размеров рисунка (высоте или ширине) процентное значение.
При этом необходимо, чтобы вся цепочка "родителей" этого рисунка была определена по этому же размеру.
Рассмотрите пример, надеюсь, всё поймёте:
<html>
<body>
<table bgcolor="silver" cellpadding="0" cellspacing="0" style="width: 89%" align="center" border="1">

<tr>
<td style="width: 40%" align="center">View!</td>
<td style="width: 60%"><img border="1" src="http://www.google.com/intl/en_ALL/images/logo.gif" style="width: 100%"></td>
</tr>

<tr>
<td><img border="1" src="http://www.google.com/intl/en_ALL/images/logo.gif" style="width: 100%"></td>
<td align="center">View!</td>
</tr>

<tr>
<td><img border="1" src="http://www.google.com/intl/en_ALL/images/logo.gif"></td>
<td><img border="1" src="http://www.google.com/intl/en_ALL/images/logo.gif"></td>
</tr>

<tr>
<td colspan="2"><img border="1" src="http://www.google.com/intl/en_ALL/images/logo.gif" style="width: 100%"></td>
</tr>
</table>

</body>
</html>

  Ответить  
 
 автор: Степан   (02.07.2009 в 09:29)   письмо автору
 
   для: PAT   (30.06.2009 в 17:19)
 

а если в ячейке не картинка, а бэкграунд? как в таком случае быть?

<th height="240" colspan="2" background="images/title.png" scope="row"><div align="center">

Дело в том, что в этой ячейке находится еще и текст, на фоне изображения.

  Ответить  
 
 автор: PAT   (02.07.2009 в 11:05)   письмо автору
 
   для: Степан   (02.07.2009 в 09:29)
 

"текст на фоне изображения" легко трансформируется в "изображение с текстом" в любом графическом редакторе:-)

Подгонка размеров фона под размер ячейки возможна только в браузере MSIE - есть специальный фильтр. Подробнее см. здесь (сообщение от CNT - мой старый никнейм).

  Ответить  
 
 автор: Степан   (02.07.2009 в 11:25)   письмо автору
 
   для: PAT   (02.07.2009 в 11:05)
 

"изображение с текстом" для меня не выход, а сайт люди будут просматривать не только в MSIE

  Ответить  
 
 автор: PAT   (02.07.2009 в 12:38)   письмо автору
 
   для: Степан   (02.07.2009 в 11:25)
 

Я вам сочувствую.
Вы что-то ЕЩЁ от меня хотите? :-)

  Ответить  
 
 автор: Степан   (02.07.2009 в 17:06)   письмо автору
 
   для: PAT   (02.07.2009 в 12:38)
 

Спасибо за помощь! Буду думать дальше, может быть мне придется поменять концепцию дизайна сайта, а может java выручит.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования