Вопросы по сайтостроительству, полезные советы новичкам

**Trotil** · 14.03.2006, 20:52

V.i.p.
Ну... Как куда? В конкретный элемент, в зависимости от того, как ты хочешь его позиционировать.
Ты же определял его размеры при верстве? Представь приблизильно, сколько в процентеном отношении будут занимать каждая колонка в таблице, можно использовать фиксированные значения (например, для меню), а для основного поля - width="*" - ширина ячейки займет все оставшееся место...

**НиВа4е** · 14.03.2006, 21:00

аа я кажется понял... мне надо теперь во все width подставлять 100% ?

**Trotil** · 14.03.2006, 21:35

Тебе нужно внимательно ознакомиться вот с этим: http://htmlbook.ru/content/?id=86
Если чего непонятно, пищи сюда.

**НиВа4е** · 14.03.2006, 22:47

вот прочитал я эту статеку и вроде бы как понял, но в итоге ничего не понял....

**Trotil** · 14.03.2006, 23:28

V.i.p.
Тебе еще документации подкинуть? Ты вообще читал книги по html?

**НиВа4е** · 15.03.2006, 00:20

Ты вообще читал книги по html?

нет, пытался что-то читать, но кидал на начале... вот щас учусь как говорится методом тыка...

**Trotil** · 15.03.2006, 10:10

ELIZIUM
Спорный вопрос.
В моем слуйчае HTML, листал я такие книги... - все книги по нему - настолько растянутые, просто тягомотина, поэтому я ,не долго думая, купил справочник Вебмастера (O'Relly). Один тэг - одна-две сточки опиисания. Коротко и ясно.
Сейчас такие справочники вполне доступны в сети в том или ином виде.
А еще был MSDN со подробнейшей справкой и удобной навигацией по каждому элементу html или объекту jscript.
Пожалуй это все.

А так, метод научного тыка - вещь вполне полезная и имеет право на существование.

**Exilia** · 15.03.2006, 13:45

Сообщение от ELIZIUM

Учиться следует не методом тыка, а по книжкам.

странно, но я училась именно методом тыка и благодаря этому знаю хтмл в идеале...
обучающие книги - не для меня.
хотя ,несомненно, такие сайты как http://www.wmaster.ru/html/index.htm очень полезны.

**Trotil** · 15.03.2006, 13:54

Exilia
ну допустим методом тыка очень трудно выучить в ИДЕАЛЕ...
Нельзя научиться кроссбраузерности, например...

**НиВа4е** · 15.03.2006, 14:10

кхе.. кхе..

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

<html>
<head>
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<LINK href="main.css" type=text/css
rel=stylesheet>
</head>
<body>
<div align="center">
<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td width="30%" bgcolor="#00bdcd"><img src="1.gif" width=1 height=20></td><td width="70%" bgcolor="#03a0b1"></td></tr>

</table>
<table width=760 cellspacing=0 cellpadding=0 border=0><tr><td class="backgroundlogo">
<img src="1.gif" width=40 height=43>
<span class="textLogo">

</span><br>
<img src="1.gif" width=40 height=17>
<span class="textUnLogo"><b>

</b></span>
</td></tr></table>

<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#ffffff"></td></tr>
<tr><td bgcolor="#ffffff"></td></tr>
<tr><td bgcolor="#ffffff"></td></tr>
<tr><td class="nav">
<img src="1.gif" height=30 width=40 align="middle">
<span class="navText"><b><a href="index.html">HOME</a></b></span>
<img src="vline5.gif" height=30 align="middle">
<span class="navText"><b><a href="url">PRODUCTS</a></b></span>
<img src="vline5.gif" height=30 align="middle">
<span class="navText"><b><a href="url">SERVISES</a></b></span>
<img src="vline5.gif" height=30 align="middle">
<span class="navText"><b><a href="url">SUPPORT</a></b></span>
<img src="vline5.gif" height=30 align="middle">
<span class="navText"><b><a href="url">CONTACT US</a></b></span>
</td></tr></table>
<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor="#f4f6f8">&nbsp</td></tr>
</table>
<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td class="nav1" width=152 align="right">
<img src="1.gif" width=2 height=50>
<span class="navText1">
<a href="url"><b>First Page Link </b></a></span>
<hr width="90%">
<span class="navText1">
<a href="url"><b>Second Page Link </b></a></span>
<hr width="90%">
<span class="navText1">
<a href="url"><b>Third Page Link </b></a></span>
<hr width="90%">
<span class="navText1">
<a href="url"><b>Fourth Page Link </b></a></span>
<hr width="90%">
<span class="navText1">
<a href="url"><b>Fifth Page Link </b></a></span>
<hr width="90%">
</td>
<td class="vline" width=30>
<img src="1.gif" width=5 height=1>
</td>
<td class="content" width=30>
&nbsp
</td>
<td class="content" width=548>
<img src="1.gif" width=2 height=50><span class="contentText"><b>
WELCOME TO YOURSITE.COM
</b></span><br>
<img src="1.gif" width=2 height=30>
<table width="80%" cellspacing=0 cellpadding=0 border=0><tr><td class="content">

<span class="textCopy">
Lorem ipsum dolor sit amet, consetetur sadipscing editr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna alquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet cita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. At vero eosaccusam et justo duo dolores
et uo rebum. Stet cita kasd gubergren, no sea takimata.
</span><br><br>

<span class="textCopy">
Duis autem vel eum inure dolor in hendrent in vulputate velt esse
consequat, vei ilum dolore eu feugiat nula faslisis at vero eros et accum san et justo
odio dignissim qui blandit
</span><br><br>

<span class="textCopy">
Lorem ipsum dolor sit amet, consetetur sadipscing editr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna alquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet cita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. At vero eosaccusam et justo duo dolores
et uo rebum. Stet cita kasd gubergren, no sea takimata.
</span><br><br>

<span class="textCopy">
Duis autem vel eum inure dolor in hendrent in vulputate velt esse
consequat, vei ilum dolore eu feugiat nula faslisis at vero eros et accum san et justo
odio dignissim qui blandit
</span><br><br>

<span class="textCopy">
Lorem ipsum dolor sit amet, consetetur sadipscing editr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna alquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet cita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. At vero eosaccusam et justo duo dolores
et uo rebum. Stet cita kasd gubergren, no sea takimata.
</span>

<br><br><br>
</td></tr></table>

</td>
</tr></table>
<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor="#f4f6f8">&nbsp</td></tr>
</table>
<table width=760 cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#021d24"></td></tr>
<tr><td bgcolor="#ffffff"></td></tr>

</table>
<table width=760 cellspacing=0 cellpadding=0 border=0><tr><td bgcolor="#dfdfdf">
<img src="bar.gif" width=760 height=10></td></tr>
</table>
<img src="1.gif" height=20 width=1>
<span class="textCopy" style="font-size: 10px">
Copyright 2003. Your Company Inc. All Rights Reserved.

</span> <br>
<font style="font-family: arial; font-size: 9px; font color: black">Design by </font><font style="font-family: magneto; font-size: 10px; font color: black"><a href="http://pacificwebart.com">PacificWebArt</a></font>
</div>
</body>
</html>

**Trotil** · 15.03.2006, 14:21

V.i.p.
Вопросом на вопрос: а что тебе тут непонятного?

Риторический вопрос:
Если человек не утруждает себя прочитением простейшей документации, нафиг ему вообще делать сайты?

P.S. В твоем случае вроде достаточно везде заменить width=760 на width="100%"

**НиВа4е** · 15.03.2006, 14:21

я ведь уже говорил, я хочу сделать "резиновый" шаблон, я там немного похимичил с width но получилось не то....
я понял что надо width="число" вместо числа ставить 100% , или я чего-то не догоняю....

**Trotil** · 15.03.2006, 14:31

V.i.p.
Правильно понял.

Только заменять только то число, которое является шириной всего сайта. Здесь это 760. (обычно берут 778px, если подгоняют под разрешение 800x600).
Ну и остальные - в пропорции (но не везде, а там, где это необходимо, и требуется по логике верстки сайта).

(Ушел, ликбез(ликвидация безграмотности) продолжу только вечером)

**Паренек** · 15.03.2006, 15:42

Если делаешь сайт и у самого разрешение 1124*768 то настраивай width=100% если у тебя меньше, делай его сразу под свой и указывай в px, так как на большем разрешение сайт будет х. выглядеть, но лучше воспользоваться прогой, которая показывает сайт в браузере в любом разрешение

**НиВа4е** · 15.03.2006, 18:57

но лучше воспользоваться прогой, которая показывает сайт в браузере в любом разрешение

названия не подскажешь?

Тема: Вопросы по сайтостроительству, полезные советы новичкам

Опции темы

Похожие темы

FAQ: Полезные советы по созданию картинок

Ваши права