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

Сообщений: 15
Зарегистрирован: 09-08-2010
Рейтинг: 0
Сообщение: #1
Первая страница сайта
Делаю первую страницу сайта.Почему то при просмотре ее на Опере и на IE страница заливает не целый экран (как нормальный сайт), а имеются зазоры с боков и с верху.Вернее сказать не страница, а созданные таблицы не доходят до краев.Цвет,который я вставил, заливает всю страницу,а вот таблица с зазорами.ЧТО делать начинающему чайнику в такой ситуации?ПОДСКАЖИТЕ.
09-08-2010 01:26
Найти все сообщения Цитировать это сообщение
Kolyan Не на форуме
Member
***

Сообщений: 137
Зарегистрирован: 08-07-2008
Рейтинг: 1
Сообщение: #2
RE: Первая страница сайта
(09-08-2010 01:26)vl25 писал(а):  Делаю первую страницу сайта.Почему то при просмотре ее на Опере и на IE страница заливает не целый экран (как нормальный сайт), а имеются зазоры с боков и с верху.Вернее сказать не страница, а созданные таблицы не доходят до краев.Цвет,который я вставил, заливает всю страницу,а вот таблица с зазорами.ЧТО делать начинающему чайнику в такой ситуации?ПОДСКАЖИТЕ.

Это наверное в стилях надо прописать:

* {
margin: 0;
padding: 0;
}

или

html {
margin: 0;
padding: 0;
}

или

body {
margin: 0;
padding: 0;
}

вот что-то из этого должно помочь.

Заработок на сайте, Раскрутка сайта
09-08-2010 08:46
Найти все сообщения Цитировать это сообщение
vl25 Не на форуме
Junior Member
**

Сообщений: 15
Зарегистрирован: 09-08-2010
Рейтинг: 0
Сообщение: #3
RE: Первая страница сайта
(09-08-2010 08:46)Kolyan писал(а):  
(09-08-2010 01:26)vl25 писал(а):  Делаю первую страницу сайта.Почему то при просмотре ее на Опере и на IE страница заливает не целый экран (как нормальный сайт), а имеются зазоры с боков и с верху.Вернее сказать не страница, а созданные таблицы не доходят до краев.Цвет,который я вставил, заливает всю страницу,а вот таблица с зазорами.ЧТО делать начинающему чайнику в такой ситуации?ПОДСКАЖИТЕ.

Это наверное в стилях надо прописать:

* {
margin: 0;
padding: 0;
}

или

html {
margin: 0;
padding: 0;
}

или

body {
margin: 0;
padding: 0;
}

вот что-то из этого должно помочь.

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

Сообщений: 76
Зарегистрирован: 13-01-2010
Рейтинг: 0
Сообщение: #4
RE: Первая страница сайта
Этот кот вроде в IE работать не будет

4итер - это судьба, а нуб - это призвание!
10-08-2010 06:15
Найти все сообщения Цитировать это сообщение
vl25 Не на форуме
Junior Member
**

Сообщений: 15
Зарегистрирован: 09-08-2010
Рейтинг: 0
Сообщение: #5
RE: Первая страница сайта
Если таблицу убрать и создать ее в формате css ?Или тогда все надо будет на css переводить?
10-08-2010 11:28
Найти все сообщения Цитировать это сообщение
Kolyan Не на форуме
Member
***

Сообщений: 137
Зарегистрирован: 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
Найти все сообщения Цитировать это сообщение
vl25 Не на форуме
Junior Member
**

Сообщений: 15
Зарегистрирован: 09-08-2010
Рейтинг: 0
Сообщение: #7
RE: Первая страница сайта
KOLYAN, огромное СПАСИБО.Посмотрел,один из вариантов, вроде то что надо сейчас буду пробовать переделывать таблицу.
Для css цветовая таблица от html подойдет или надо цвета прописывать типа yellow?
10-08-2010 18:49
Найти все сообщения Цитировать это сообщение
maximus035 Не на форуме
Member
***

Сообщений: 76
Зарегистрирован: 13-01-2010
Рейтинг: 0
Сообщение: #8
RE: Первая страница сайта
vl25 , цвета можно прописывать разметкой пример белый: #ffffff или чёрный: #aaaaaa

4итер - это судьба, а нуб - это призвание!
10-08-2010 19:00
Найти все сообщения Цитировать это сообщение
Kolyan Не на форуме
Member
***

Сообщений: 137
Зарегистрирован: 08-07-2008
Рейтинг: 1
Сообщение: #9
RE: Первая страница сайта
(10-08-2010 19:00)maximus035 писал(а):  vl25 , цвета можно прописывать разметкой пример белый: #ffffff или чёрный: #aaaaaa

Да конечно цвета прописываются например: color: #ffffff; и так далее, только черный #000000, а #aaaaaa это серый Smile

Заработок на сайте, Раскрутка сайта
10-08-2010 19:07
Найти все сообщения Цитировать это сообщение
vl25 Не на форуме
Junior Member
**

Сообщений: 15
Зарегистрирован: 09-08-2010
Рейтинг: 0
Сообщение: #10
RE: Первая страница сайта
Спасибо.Уже начал делать таблицу в CSS и с цветами разобрался.Лазил по сайтам искал как делать поля таблицы в CSS, но так и не нашел.В HTML разобрался и красивая обрамка таблицы получается,а вот в CSS как обрамление таблицы делать?
У меня такой вид (как дал Kolyan).А как в этот примерник воткнуть обрамление? Я впихал (там в самом низу где body) таблицу в 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>
</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>
10-08-2010 22:44
Найти все сообщения Цитировать это сообщение
Создать ответ 


Похожие темы
Тема: Автор Ответов: Просмотров: Посл. сообщение
  Дизайн сайта, лендинг пейдж renad86 4 3,294 02-10-2017 15:10
Посл. сообщение: Slardar
  При загрузке сайта на сервер нет картинок 789456123 3 5,139 09-07-2011 01:14
Посл. сообщение: kuvage
  оформление реклама дизайн сайта в 3D sem 2 4,075 09-06-2011 13:43
Посл. сообщение: sem



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