X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Help please. Фоновые рисунки HTML
Aeron2010
Aeron2010
Topic Starter сообщение 27.2.2010, 19:57; Ответить: Aeron2010
Сообщение #1


Моя проблемма заключается в том, что я создал сложную таблицу на сайте, в таблицу помещаю рисунки. Мне нужно сделать их фоновыми, да бы на них можно было наложить текст и не только, помогите пожалуйста...

<table style="width: 60%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td rowspan="4" width="20%"><img src="web_images/main_1.jpg" alt="" width="363" height="1045" /></td>
<td width="55%"><img src="web_images/main_2-1.jpg" alt="" width="505" height="69" /></td>
<td rowspan="4" width="6%"><img src="web_images/main_3-1.jpg" alt="" width="174" height="1045" /></td>
<td rowspan="4" width="13%" align="left" valign="top">
<table style="width: 97%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="web_images/tower1.jpg" alt="" width="164" height="85" /></td>
</tr>
<tr>
<td><img src="web_images/tower2.jpg" alt="" width="164" height="27" /></td>
</tr>
<tr>
<td><img src="web_images/tower3.jpg" alt="" width="164" height="25" /></td>
</tr>
<tr>
<td><img src="web_images/tower4.jpg" alt="" width="164" height="24" /></td>
</tr>
<tr>
<td><img src="web_images/tower5.jpg" alt="" width="164" height="27" /></td>
</tr>
<tr>
<td><img src="web_images/tower6.jpg" alt="" width="164" height="25" /></td>
</tr>
<tr>
<td><img src="web_images/tower7.jpg" alt="" width="164" height="24" /></td>
</tr>
<tr>
<td><img src="web_images/tower8.jpg" alt="" width="164" height="196" /></td>
</tr>
<tr>
<td><img src="web_images/tower9.jpg" alt="" width="164" height="45" /></td>
</tr>
<tr>
<td><img src="web_images/tower10.jpg" alt="" width="164" height="50" /></td>
</tr>
<tr>
<td><img src="web_images/tower11.jpg" alt="" width="164" height="38" /></td>
</tr>
<tr>
<td><img src="web_images/tower12.jpg" alt="" width="164" height="268" /></td>
</tr>
<tr>
<td height="123"><img src="web_images/tower13.jpg" alt="" width="164" height="211" /></td>
</tr>
</tbody>
</table>
</td>
<td rowspan="4" width="6%"><img src="web_images/main_5.jpg" alt="" width="52" height="1045" /></td>
</tr>
<tr>
<td height="71"><img src="web_images/main_2-2.jpg" alt="" width="505" height="742" /></td>
</tr>
<tr>
<td height="45"><img src="web_images/main_2-3.jpg" alt="" width="505" height="45" /></td>
</tr>
<tr>
<td height="166"><img src="web_images/main_2-4.jpg" alt="" width="505" height="188" /></td>
</tr>
<tr>
<td height="24"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Незнающий Бобер
Незнающий Бобер
сообщение 27.2.2010, 20:04; Ответить: Незнающий Бобер
Сообщение #2


Все достаточно просто

Твоя строка:
<td><img src="web_images/tower2.jpg" alt="" width="164" height="27" /></td>
нужно:
<td background="web_images/tower2.jpg" width="164" height="27">содержимое ячейки</td>
Короче background - параметр тега td, отвечающий за фоновое изображение.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aeron2010
Aeron2010
Topic Starter сообщение 27.2.2010, 21:04; Ответить: Aeron2010
Сообщение #3


да, спасибо да ответ, я так и пытался раньше.
все так и делал, но по какойто причине таблица сбивается и не отображает все рисунки так как должна. Рисунки накладываются один на другого и множатся(
возможно я что-то не так делаю с другими видами ячеек таблици:

<td rowspan="4" width="20%"><img src="web_images/main_1.jpg" alt="" width="363" height="1045" /></td>

<td width="55%"><img src="web_images/main_2-1.jpg" alt="" width="505" height="69" /></td>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Незнающий Бобер
Незнающий Бобер
сообщение 27.2.2010, 21:14; Ответить: Незнающий Бобер
Сообщение #4


(Aeron2010 @ 27.2.2010, 23:04) *
<td rowspan="4" width="20%"><img src="web_images/main_1.jpg" alt="" width="363" height="1045" /></td>

<td width="55%"><img src="web_images/main_2-1.jpg" alt="" width="505" height="69" /></td>


Видишь ли, параметр background отвечает за то, какой фон будет в данной ячейки. и если ячейка больше размера картинки фона, то он(фон) размножается. Чтобы этого не происходило - нужно указывать размер ячейки равное размеру фона изображения (как я тебе показал).
<td background="web_images/tower2.jpg" width="164" height="27">
Если твоя таблица больше чем фоновая картинка, но тебе никак не нужно чтобы она размножалась - тогда тебе нужно прописать css-style "no-repeat" если я не ошибаюсь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aeron2010
Aeron2010
Topic Starter сообщение 27.2.2010, 21:21; Ответить: Aeron2010
Сообщение #5


та я как бы все это понимаю...
составил уже давно следующее, может можете посмотреть в чем трабл...

<table style="width: 60%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td rowspan="4" width="363" height="1045" background="web_images/main_1.jpg"></td>
<td width="505" height="69" background="web_images/main_2-1.jpg">123123123123123123123123</td>
<td rowspan="4" width="174" height="1045" background="web_images/main_3-1.jpg"></td>
<td rowspan="4" width="13%" align="left" valign="top">
<table style="width: 97%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="164" height="85" background="web_images/tower1.jpg">123123123123123123123123</td>
</tr>
<tr>
<td width="164" height="27" background="web_images/tower2.jpg"></td>
</tr>
<tr>
<td width="164" height="25" background="web_images/tower3.jpg"></td>
</tr>
<tr>
<td width="164" height="24" background="web_images/tower4.jpg"></td>
</tr>
<tr>
<td width="164" height="27" background="web_images/tower5.jpg"></td>
</tr>
<tr>
<td width="164" height="25" background="web_images/tower6.jpg"></td>
</tr>
<tr>
<td width="164" height="24" background="web_images/tower7.jpg"></td>
</tr>
<tr>
<td width="164" height="196" background="web_images/tower8.jpg"></td>
</tr>
<tr>
<td width="164" height="45" background="web_images/tower9.jpg">123123123123123123</td>
</tr>
<tr>
<td width="164" height="50" background="web_images/tower10.jpg"></td>
</tr>
<tr>
<td width="164" height="38" background="web_images/tower11.jpg"></td>
</tr>
<tr>
<td width="164" height="268" background="web_images/tower12.jpg"></td>
</tr>
<tr>
<td width="164" height="211" background="web_images/tower13.jpg"></td>
</tr>
</tbody>
</table>
</td>
<td rowspan="4" width="52" height="1045" background="web_images/main_5.jpg"></td>
</tr>
<tr>
<td width="505" height="742" background="web_images/main_2-2.jpg"></td>
</tr>
<tr>
<td width="505" height="45" background="web_images/main_2-3.jpg">123123123123123123123123123123123</td>
</tr>
<tr>
<td width="505" height="188" background="web_images/main_2-4.jpg"></td>
</tr>
</tbody>
</table>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aeron2010
Aeron2010
Topic Starter сообщение 27.2.2010, 21:25; Ответить: Aeron2010
Сообщение #6


прощу прощения за засорение форума, в своей проблемме разобрался уже...
в настройках таблици требовалось убрать подчеркнутое:
<table style="width: 60%;" border="0" cellspacing="0" cellpadding="0">

Незнающий Бобер спасибо тебе за помощь...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Незнающий Бобер
Незнающий Бобер
сообщение 27.2.2010, 21:29; Ответить: Незнающий Бобер
Сообщение #7


Во первых:
<table style="width: 97%;" border="0" cellspacing="0" cellpadding="0">
Зачем ты указываешь ширину в процентах, если ячейки у тебя есть размеры ячеек?
Во вторых:
<td width="164" height="85" background="web_images/tower1.jpg">
даже если у тебя у картинки web_images/tower1.jpg ширина 164 пикселя, то вот у фразы "123123123123123123123123" скорее всего ширина поболее будет.
вставь стиль no-repeat и все будет пучком
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Незнающий Бобер
Незнающий Бобер
сообщение 27.2.2010, 21:30; Ответить: Незнающий Бобер
Сообщение #8


а спасибо?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aeron2010
Aeron2010
Topic Starter сообщение 27.2.2010, 21:45; Ответить: Aeron2010
Сообщение #9


спасибо большое, про команду norepaet знаю, а куда вставлять не знаю))
еще интерисует вопрос.
У меня есть большой рисунок, вставка текста в нем идет из середины, как изменить по-людски?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Незнающий Бобер
Незнающий Бобер
сообщение 27.2.2010, 22:05; Ответить: Незнающий Бобер
Сообщение #10


<td width="164" height="85" background="web_images/tower1.jpg" style="background-repeat: no-repeat">

а выравнивать текст в ячейке :
align=left/center/right
valign=top/center/bottom

(параметры td):goodpost:

Блин, мнеб кто так на вопросы отвеча :))) ато задал вопрос, а его даж никто не просматривает (((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28839 Вчера, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3330 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3291 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
6 TABAK 1681 22.5.2023, 16:24
автор: KORUP
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2261 20.5.2023, 10:45
автор: EvilGomel


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:16
Дизайн