Создать ответ 
 
Рейтинг темы:
  • Голосов: 48 - Средняя оценка: 1.81
  • 1
  • 2
  • 3
  • 4
  • 5
Первая страница сайта
Автор Сообщение
Kolyan Не на форуме
Member
***

Сообщений: 107
Зарегистрирован: 08-07-2008
Рейтинг: 1
Сообщение: #6
RE: Первая страница сайта
(09-08-2010 22:46)vl25 писал(а):  Дело в том что пишу в HTML (таблицы тоже),а это теги CSS. Но я на всякий случай пробовал но эффект-НУЛЕВОЙ.Все равно СПАСИБО .Может еще какой метод есть?????

Стили CSS прописываются в HTML файле внутри тегов <style></style>, вот пример трехколоночного макета HTML страницы вместе с CSS стилями:

Код:
<!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">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>3-column layout via CSS</title>
</head>

<style>
body {
margin:0;
}

#header {
background:blue;
}

#main {
background:yellow;
}

#left {
float:left;
width:17%;
background:green;
}

#right {
float:right;
width:17%;
background:red;
}

#middle {
margin:0 20%;
}

#footer {
clear:both;
background:grey;
}

#header, #left, #right, #middle, #footer {
padding:0.7em 1em;
}
</style>

<body>
<div id="header">header text</div>
<div id="main">
<div id="left">left text</div>
<div id="right">right text</div>
<div id="middle">middle text<br />middle text</div>
<div id="footer">footer text</div>
</div>
</body>

</html>

а вот тоже, только раздельно, файл стилей style.css:

Код:
body {
margin:0;
}

#header {
background:blue;
}

#main {
background:yellow;
}

#left {
float:left;
width:17%;
background:green;
}

#right {
float:right;
width:17%;
background:red;
}

#middle {
margin:0 20%;
}

#footer {
clear:both;
background:grey;
}

#header, #left, #right, #middle, #footer {
padding:0.7em 1em;
}

и HTML файл index.html:

Код:
<!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">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>3-column layout via CSS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="header">header text</div>
<div id="main">
<div id="left">left text</div>
<div id="right">right text</div>
<div id="middle">middle text<br />middle text</div>
<div id="footer">footer text</div>
</div>
</body>

</html>

правда это макет сделан на div'ах потому что это считается лучше чем на таблицах делать, но то же самое можно и на таблицах сделать.

Заработок на сайте, Раскрутка сайта
10-08-2010 13:47
Найти все сообщения Цитировать это сообщение
Создать ответ 


Сообщения в этой теме
RE: Первая страница сайта - Kolyan - 10-08-2010 13:47

Похожие темы
Тема: Автор Ответов: Просмотров: Посл. сообщение
  Насколько важен уникальный дизайн у сайта MaargarytaBub 2 5,849 17-02-2024 20:36
Посл. сообщение: Brian
  Дизайн сайта, лендинг пейдж renad86 4 7,122 02-10-2017 15:10
Посл. сообщение: Slardar
  При загрузке сайта на сервер нет картинок 789456123 3 8,623 09-07-2011 01:14
Посл. сообщение: kuvage
  оформление реклама дизайн сайта в 3D sem 2 6,879 09-06-2011 13:43
Посл. сообщение: sem



Пользователи просматривают эту тему: 1 Гость(ей)
Обратная связьSitesCo.ruВернуться к началуВернуться к содержимомуЛёгкий режимСписок RSS