Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Свойство тэга table ???

Ответить
Настройки темы
Свойство тэга table ???

Старожил


Сообщения: 364
Благодарности: 10

Профиль | Отправить PM | Цитировать


Подскажите пожалуйста, есть ли возможность в таблице (<table>) разместить 3 картинки, что бы одна картинка прилипала к верхнему краю, вторая картинка прилипала к нижнему краю, а третья картинка была фотом.

Вот сделать что бы одна картинка прилипала к верхнему краю таблицы, а другая была фотом таблицы, это очень легко. К примеру:

Код: Выделить весь код
<table border='0' cellspacing='0' cellpadding='0' width="100%" height="100%">
    <tr>
        <td height="100%" valign="top" background=”fon.jpg”>
        <img src="foto1.jpg" border="0"></td>
    </tr>
</table>
Отсюда видно, что таблица развернётся на весь экран (width="100%" height="100%"), что мне и требуется. Так же видно, что благодаря background=”fon.jpg” в своей таблице я получу фон, рисунка fon.jpg, а благодаря valign="top" я притяну картинку foto1.jpg к верхнему краю.

А теперь самое главное, в чём и заключается мой вопрос. Как добавить в эту таблицу ещё одну картинку, которая притягивалась бы к нижнему краю. Условие такое, что нельзя добавить ещё теги <tr><td>, к примеру в этой таблице добавление:

Код: Выделить весь код
<tr>
   <td><img src="foto2.jpg" border="0"></td>
</tr>

Отправлено: 13:18, 28-10-2006

 

Аватара для XCodeR

Ветеран


Сообщения: 878
Благодарности: 53

Профиль | Сайт | Отправить PM | Цитировать


Andrei_IW
используйте CSS:
HTML код: Выделить весь код
<img src="*.*" style="vertical-align: top;"> //к верхнему краю <img src="*.*" style="vertical-align: bottom;"> //к нижнему краю


Отправлено: 16:29, 28-10-2006 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Старожил


Сообщения: 364
Благодарности: 10

Профиль | Отправить PM | Цитировать


Попробовал я так сделать. Не получается. Картинки не прилипают не к нижнему, не к верхнему краю, а выравниваются ровно посередине таблицы. Привожу код, в котором я применил Ваш способ.

Код: Выделить весь код
<table border="1" width="100%" cellspacing='0' cellpadding='0'>
 <tr>
   <td background=" fon2_1_1.gif" width="39">
   <img src="2_1_1.jpg" width="39" height="156" border="0" style="vertical-align: top;">
   <img src="2_1_2.jpg" width="39" height="154" border="0" style="vertical-align: bottom;">
   </td>
   <td height="500">Просто текст</td>
 </tr>
</table>

Отправлено: 16:56, 29-10-2006 | #3


Аватара для XCodeR

Ветеран


Сообщения: 878
Благодарности: 53

Профиль | Сайт | Отправить PM | Цитировать


как вариант:
HTML код: Выделить весь код
<html> <body> <table border="1" width="100%" cellspacing='0' cellpadding='0'> <tr> <td height=500 background="fon2_1_1.gif" width="39"> <table height=100%> <tr> <td valign=top> <img src="i1.jpg" border="0" style="vertical-align: top;"> </tr> <tr> <td valign=bottom> <img src="i2.jpg" border="0" style="vertical-align: bottom;"> </tr> </table> </td> <td height="500">Просто текст</td> </tr> </table> </body> </html>

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

Отправлено: 18:04, 29-10-2006 | #4


Deadooshka


Сообщения: 2517
Благодарности: 692

Профиль | Отправить PM | Цитировать


Andrei_IW

в теге td с картинками добавь valign="top" style="font: 500px", 500px это "height="500"", но это только для IE, но не FF...

В общем, у XCodeR самый надежный вариант...

Отправлено: 03:57, 31-10-2006 | #5



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Свойство тэга table ???

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Система - Partition Table Doctor Ahad Программное обеспечение Windows 10 24-09-2011 21:22
Разное - invalid partition table jckson05 Microsoft Windows 2000/XP 21 02-08-2011 19:49
Установка - Windows не видит свойство папки. Valera_K Лечение систем от вредоносных программ 6 27-04-2009 01:54
VBS/WSH/JS - Свойство пользователя forsem Скриптовые языки администрирования Windows 10 24-11-2008 15:01
Свойство компонента. Prisoner Программирование и базы данных 2 29-06-2003 04:03




 
Переход