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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите создать шаблон для сайта на html!!!=)))
saigla
saigla
Topic Starter сообщение 23.8.2010, 15:02; Ответить: saigla
Сообщение #1


Помогите мне доделать шаблон для сайта!!!=)))
В предыдущей теме мне помогли написать на картинке текст.
Я решил так что бы 20 тем не создавать все буду писать в одно!!!=)))
кот моего шаблона:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>pro-geims</title>

</head>
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (pro-geims.psd) -->
<table id="Table_01" width="801" height="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/pro-geims_01.gif" width="800" height="82" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="82" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/pro-geims_02.gif" width="30" height="818" alt=""></td>
<td>
<a href="index.ru" target=_blank title="на главную страницу"><img src="images/pro-geims_03.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу новости"><img src="images/pro-geims_04.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу скачать"><img src="images/pro-geims_05.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу FAQ"><img src="images/pro-geims_06.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_07.gif" ></a> </td>
<td colspan="3">
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_08.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_09.gif" ></a> </td>
<td rowspan="7">
<img src="images/pro-geims_10.gif" width="30" height="818" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/pro-geims_11.gif" width="740" height="10" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_12.gif" width="530" height="280" alt=""></td>
<td rowspan="5">
<img src="images/pro-geims_13.gif" width="10" height="770" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_14.gif" width="200" height="280" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="280" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_15.gif" width="530" height="44" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_16.gif" width="200" height="44" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="44" alt=""></td>
</tr>
<tr>


<td valign="top" align="left" colspan="6" rowspan="2" style="background: url(images/pro-geims_17.gif); color: #fff; padding-left: 4px; line-height: 0;">

<p>привет</p>
<p>привет</p>
<p>привет</p>
<p>привет</p>
</td>

<td colspan="2">
<img src="images/pro-geims_18.gif" width="200" height="327" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="327" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/pro-geims_19.gif" width="200" height="119" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_20.gif" width="530" height="59" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="107" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="104" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="105" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="102" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="92" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="108" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


страница http://pro-geims.saigla.ru/
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.8.2010, 15:15; Ответить: locky-yotu
Сообщение #2


(saigla @ 23.8.2010, 18:02) *
кот моего шаблона
))))
"Рахат-лукум моего сердца" :rolleyes:

Ну а проблема-то в чем? Чем помочь надо?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
saigla
saigla
Topic Starter сообщение 24.8.2010, 15:36; Ответить: saigla
Сообщение #3


Помагите сделать так [IMG]http://pro-geims.saigla.ru/pro-geims_17.gif[/IMG]
^_^
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.8.2010, 16:43; Ответить: SOKOJI
Сообщение #4


<p>
<img src="img.gif" style="float: left;" />
тут текст
</p>
<div style="clear: both;"></div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
saigla
saigla
Topic Starter сообщение 24.8.2010, 16:58; Ответить: saigla
Сообщение #5


спс все работает!:goodpost:
Токо непонел зачем div, я его удалил и все работает!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.8.2010, 17:13; Ответить: Zippovich
Сообщение #6


(saigla @ 24.8.2010, 19:58) *
спс все работает!:goodpost:
Токо непонел зачем div, я его удалил и все работает!!!


оставьте, он очищает float, без него может все съехать в некоторых случаях.
А вообще лучше использовать такой css. Пример:

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear, .clear:after {zoom: 1}


тогда данный код будет выглядеть так:

<p class="clear">
<img src="img.gif" style="float: left;" />
тут текст
</p>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
saigla
saigla
Topic Starter сообщение 24.8.2010, 17:28; Ответить: saigla
Сообщение #7


я понимаю что с css легче пичать!
Но я в нем неахти разбираюсь!!!=)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.8.2010, 17:31; Ответить: Zippovich
Сообщение #8


(saigla @ 24.8.2010, 20:28) *
я понимаю что с css легче пичать!
Но я в нем неахти разбираюсь!!!=)))


никто не говорит как легче, мы говорим как надо, а решать Вам, будет у Вас текст ехать при добавлении 2-го абзаца или нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
saigla
saigla
Topic Starter сообщение 24.8.2010, 20:38; Ответить: saigla
Сообщение #9


помагите плизз у меня новая проблема http://pro-geims.saigla.ru/
Кароче пишу текст на картике, как как картинка заканчивается он опять наченает песать сначала картинки, а надо что бы перехадила на другую строку помагите плизз)))
код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>pro-geims</title>

</head>
<center>
<body bgcolor="#BBBBBB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (pro-geims.psd) -->
<table id="Table_01" width="801" height="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/pro-geims_01.gif" width="800" height="82" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="82" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/pro-geims_02.gif" width="30" height="818" alt=""></td>
<td>
<a href="index.ru" target=_blank title="на главную страницу"><img src="images/pro-geims_03.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу новости"><img src="images/pro-geims_04.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу скачать"><img src="images/pro-geims_05.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу FAQ"><img src="images/pro-geims_06.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_07.gif" ></a> </td>
<td colspan="3">
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_08.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_09.gif" ></a> </td>
<td rowspan="7">
<img src="images/pro-geims_10.gif" width="30" height="818" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/pro-geims_11.gif" width="740" height="10" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_12.gif" width="530" height="280" alt=""></td>
<td rowspan="5">
<img src="images/pro-geims_13.gif" width="10" height="770" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_14.gif" width="200" height="280" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="280" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_15.gif" width="530" height="44" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_16.gif" width="200" height="44" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="44" alt=""></td>
</tr>
<tr>


<td valign="top" align="left" colspan="6" rowspan="2" style="background: url(images/pro-geims_17.gif); color: #fff; padding-left: 4px; line-height: 0;">

<p>
<img src="i.jpeg" style="float: left;" />
<p>Half-Life 2 — культовая компьютерная игра, научно-фантастический шутер от первого лица, сиквел Half-Life, разработанная Valve Corporation. Игра была выпущена 16 ноября 2004 года (21 ноября 2004 года в России и странах СНГ компанией SoftClub) и получила высочайшие оценки многих авторитетных изданий.</p>
<p>тут текст</p>
<p>тут текст тут текст тут текст</p>
<p>тут текст</p>
<p>тут текст</p>
<div style="clear: both;"></div>
</p>

</td>

<td colspan="2">
<img src="images/pro-geims_18.gif" width="200" height="327" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="327" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/pro-geims_19.gif" width="200" height="119" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_20.gif" width="530" height="59" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="107" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="104" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="105" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="102" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="92" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="108" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.8.2010, 21:22; Ответить: Zippovich
Сообщение #10


(saigla @ 24.8.2010, 23:38) *
помагите плизз у меня новая проблема http://pro-geims.saigla.ru/
Кароче пишу текст на картике, как как картинка заканчивается он опять наченает песать сначала картинки, а надо что бы перехадила на другую строку помагите плизз)))
код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>pro-geims</title>

</head>
<center>
<body bgcolor="#BBBBBB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (pro-geims.psd) -->
<table id="Table_01" width="801" height="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/pro-geims_01.gif" width="800" height="82" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="82" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/pro-geims_02.gif" width="30" height="818" alt=""></td>
<td>
<a href="index.ru" target=_blank title="на главную страницу"><img src="images/pro-geims_03.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу новости"><img src="images/pro-geims_04.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу скачать"><img src="images/pro-geims_05.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="на страницу FAQ"><img src="images/pro-geims_06.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_07.gif" ></a> </td>
<td colspan="3">
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_08.gif" ></a> </td>
<td>
<a href="index.ru" target=_blank title="времено не работает"><img src="images/pro-geims_09.gif" ></a> </td>
<td rowspan="7">
<img src="images/pro-geims_10.gif" width="30" height="818" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/pro-geims_11.gif" width="740" height="10" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_12.gif" width="530" height="280" alt=""></td>
<td rowspan="5">
<img src="images/pro-geims_13.gif" width="10" height="770" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_14.gif" width="200" height="280" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="280" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_15.gif" width="530" height="44" alt=""></td>
<td colspan="2">
<img src="images/pro-geims_16.gif" width="200" height="44" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="44" alt=""></td>
</tr>
<tr>


<td valign="top" align="left" colspan="6" rowspan="2" style="background: url(images/pro-geims_17.gif); color: #fff; padding-left: 4px; line-height: 0;">

<p>
<img src="i.jpeg" style="float: left;" />
<p>Half-Life 2 — культовая компьютерная игра, научно-фантастический шутер от первого лица, сиквел Half-Life, разработанная Valve Corporation. Игра была выпущена 16 ноября 2004 года (21 ноября 2004 года в России и странах СНГ компанией SoftClub) и получила высочайшие оценки многих авторитетных изданий.</p>
<p>тут текст</p>
<p>тут текст тут текст тут текст</p>
<p>тут текст</p>
<p>тут текст</p>
<div style="clear: both;"></div>
</p>

</td>

<td colspan="2">
<img src="images/pro-geims_18.gif" width="200" height="327" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="327" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/pro-geims_19.gif" width="200" height="119" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="60" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/pro-geims_20.gif" width="530" height="59" alt=""></td>
<td>
<img src="images/разделитель.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="107" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="104" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="105" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="102" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="92" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="108" height="1" alt=""></td>
<td>
<img src="images/разделитель.gif" width="30" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Партнерская программа для Эзотерики, Магии, Таро
партнерка для эзотерики
0 LiveExpert 267 Сегодня, 15:13
автор: LiveExpert
Открытая тема (нет новых ответов) Партнерская программа для Эзотерики, Магии, Таро
партнерка для эзотерики
0 LiveExpert 253 Сегодня, 15:13
автор: LiveExpert
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыAzinomoney.com - гемблинг-партнерка с 65%RS для каждого
Гарантированный заработок на гемблинг-трафике
65 AzinoMoney 29164 Вчера, 19:10
автор: AzinoMoney
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28837 Вчера, 12:41
автор: Vampler
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6363 26.3.2024, 21:49
автор: c4p1t4l15t


 



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