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



 

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

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

Открыть тему
Тема закрыта
> Дефекты фонового изображения в HTML
Ryao
Ryao
Topic Starter сообщение 21.10.2012, 0:54; Ответить: Ryao
Сообщение #1


Я тут недавно решил создать сайт, и, подучив HTML и, немного, CSS, принялся за дело. Поскольку с HTML дела у меня обстояли чуть лучше было предпринято сделать несколько таблиц во всю страницу с разным размером ячеек. сначала создал "скелет", для визуализации разграничив всё границей в два пикселя, да поставив сплошные цвета "background"`ом, а затем решил добавить изображения.
Все изображения были специально урезаны под размеры предполагаемых частей. Но когда я прописал, где и какие изображения должны стоять. то на выходе получил это.
[attachment=39199:Без имени.jpg]

А вот и сам код:
<body>
<div id="page" align="center">
<table id="table1" width="797" cellspacing="0" border="0">
<tbody>
<tr>
<td width="14px" rowspan="4" background="images/left.png" no-repeat> </td>
<td height="16px" colspan="2" background="images/top.png" no-repeat> </td>
<td width="14px" rowspan="4" background="images/right.png" no-repeat> </td>
</tr>
<tr>
<td width="494px" height="88px" background="images/centre.png" no-repeat >
<h2 class="стиль7"><span class="стиль9">*</span>** <span class="стиль9">***</span>****</h2>
<h1 class="стиль11">"текст"</h1> </td>
<td width="267px" height="88px" background="images/contact.png" no-repeat>
<div align="left" class="стиль6">
<p class="стиль13">Свяжитесь с нами </p>
<p align="right" class="стиль13">E-mail <span class="стиль9">***</span><br />
тел. <span class="стиль9">*****</span> </p>
</div> </td>
</tr>
<tr>
<td height="16px" colspan="2" background="images/bottom.png" no-repeat> </td>
</tr>
</tbody>
</table>

<table id="table2" width="796px" height="45px" cellspacing="0" border="0" background="images/menu_top.png">
<tbody>
<tr>
<td width="10" height="45px"></td>
<td width="82px" height="45px"><div align="center" ><a href="firstpage1.html" class="стиль9"> Главная </a></div>
</a></td>
<td width="82px" height="45px"> <div align="center" ><a href="" class="стиль9"> Галерея </a></div></td>
<td width="82px" height="45px"><div align="center" ><a href="contact.html" class="стиль9"> Контакты </a></div></td>
<td width="293px" height="45px"> </td>
<td width="251px" height="45px"> </td>
</tr>
</tbody>
</table>

<table id="table3" width="800px" cellspacing="0" border="0" align="center">
<tbody>
<tr>
<td id="asd" height="15" colspan="3" background="images/menu.png"> <div align="center" class="стиль14"></div> </td>
<td height="15px" background="images/blog.png" colspan="3"> <div align="center" class="стиль14">Новости</div></td>
<td id="asd" height="15" colspan="3"> <div align="center" class="стиль14">Всегда в наличии</div></td>
</tr>
<tr>
<td width="14" background="images/left-end.png" rowspan="4">1</td>
<td height="40px">1</td>
<td width="14" background="images/right-end.png" rowspan="4">1</td>
<td width="14" background="images/left-end.png" rowspan="4">1</td>
<td width="388" align="right" rowspan="7">1</td>
<td width="14" background="images/right-end.png" rowspan="4">1</td>
<td width="14" background="images/left-end.png" rowspan="4">1</td>
<td width="169"rowspan="7">1 </td>
<td width="14" background="images/right-end.png" rowspan="4">1</td>
</tr>
<tr>
<td height="40px">1</td>
</tr>
<tr>
<td height="40px">1</td>
</tr>
<tr>
<td width="141">1</td>
</tr>
<tr> </tr>
</tbody>
</table>

<table id="table4" width="800" height="60" cellspacing="0" border="0" >
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</body>

P.S. Некоторые записи я подтёр, но они никак не влияют на сам код.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 22.10.2012, 7:48; Ответить: klenovnn
Сообщение #2


Так и в чем проблема?
Стоило приложить картинку, как должно было быть.

Да — забудьте про таблицы, здесь все гораздо проще и количество кода в 2 раза можно уменьшить.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ryao
Ryao
Topic Starter сообщение 22.10.2012, 19:47; Ответить: Ryao
Сообщение #3


(klenovnn @ 22.10.2012, 10:48) *
Так и в чем проблема?
Стоило приложить картинку, как должно было быть.

Да — забудьте про таблицы, здесь все гораздо проще и количество кода в 2 раза можно уменьшить.

Просто из-за манштабирования каждой отдельной картинки всё изображение "съезжает" и нарушается целостность изображения.

Я бы с радостью "забыл" про таблицы, но с моими знаниями соваться в верстку сайта с помощью CSS как-то страшновато.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 24.10.2012, 6:16; Ответить: klenovnn
Сообщение #4


(Ryao @ 22.10.2012, 22:47) *
Просто из-за манштабирования каждой отдельной картинки всё изображение "съезжает" и нарушается целостность изображения.

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


Чтобы дать тебе зацепку, дай изображение, которое по итогу нужно получить.
Я тебе накидаю скелет.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28832 Вчера, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3328 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3289 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, 17:15
Дизайн