Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Сделать рамку центрального контейнера - middle
Сделать рамку центрального контейнера - middle
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 1 | 07:35:43
Здравствуйте,

Как мне сделать рамку центрального контейнера - middle.
Чтобы отступ от верха был 135 пискела.

Сейчас у меня стоит margin: auto;

Мне нужно сделать,
чтобы рамка была от птицы и до Copyright © 2014

Как отрегулировать margin?

Нужно сделать на этом сайте
http://temp307cwam.ucoz.ru/

_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 2 | 08:10:53
Волшебник307,

Цитата
<div style="float:right; margin:8px; padding:6px; border:1px solid #bbbbbb; width:400px;">
центральный блок
</div>

Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 3 | 08:45:52
_VITALIK_
Нет,
Мне надо верх и низ рамки отрегулировать.

Добавлено (23 Окт 2014, 08:45:52)
---------------------------------------------
У меня рамка вот таким образом делается:

#container
{
width:1004px;
margin: auto;
text-align:left;
/*--- Закругление углов ---*/
/*-#img1-radius-*/
border:1px solid #0099FF;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;}

Мне нужно сделать отступ от верха и от низа.


Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 4 | 10:24:21
Если пишу так: margin:135px auto;

То полностью сайт вниз съезжает.
Что тут можно сделать?

http://temp307cwam.ucoz.ru/
Прикрепления: 2285009.png(345Kb)

Тинки
Сообщений: 8
Репутация: 1

Сообщение # 5 | 11:44:37
А зачем вы оборачиваете container? Когда вам нужно с top-а и до footer-a.
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 6 | 11:48:36
Тинки,
А, что тогда надо делать?

Тинки
Сообщений: 8
Репутация: 1

Сообщение # 7 | 11:53:30
Если я правильно думаю, то зайди в "страницы сайта" и вставь свой див перед div id="top" и закрой его </div> перед div id="footer"
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 8 | 23:09:19
Волшебник307, не хватаетв этом коде margin-top: 0px; Вот правильные стили
Код
#container {
width: 1004px;
margin: 135px auto;
margin-top: 0px;
text-align: left;
border: 1px solid #0099FF;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Сообщение отредактировал rem-31 - Четверг, 23 Окт 2014, 23:10:15
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 9 | 23:39:18
rem-31,
Это мне ясною
Вот как рамку сделать на до самого верху,
а чтобы начиналась под словами Добро пожаловать?

wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 10 | 23:44:14
Волшебник307, А никак, так как в дном контейнере лежит все...

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 11 | 23:50:21
rem-31,
Ну тогда, бордюр контейнера с 3 сторон синий, а с 4 стороны белый сделать.
Сделать так можно?

wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 12 | 00:18:46
Волшебник307, Не могу понять чего хочешь добиться этим? Зачем по новой придумывать велосипед, если его в 1839 году придумали

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 13 | 00:23:40
rem-31,
Хочу вот так рамку сделать.
Не получается.
Прикрепления: 0883210.jpg(31Kb)

wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 14 | 11:25:26
Волшебник307, и не получится. . . Тут придется переписывать шаблон в ДИВах,так как то что ты хочешь лежит в одном общем контейнере. Совет. Верни стандартный шаблон и не ломай голову... Это как я предыдуще писал уже - Не выдумывай велосипед...

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Волшебник307
Сообщений: 58
Репутация: 0

Сообщение # 15 | 23:20:42
rem-31, А никак, так как в дном контейнере лежит все...

У меня вот так получилось, как на рисунке "Маша и медведь".

Я применил это к внутренним блокам/контейнерам,
раньше у меня там были рисунки.

Я в стилях так написал:

#top
{position:relative;
height:32px;
width:1004px;
background:#0099ff;
border-left:2px solid #0099ff;
border-right:2px solid #0099ff;
border-top:2px solid #0099ff;
border-radius:12px 12px 0px 0px;
-webkit-border-radius:12px 12px 0px 0px;
-moz-border-radius:12px 12px 0px 0px;}

/*--- Главный контент начало ---*/
#site-bg
{width:1004px;
padding-top:1px;
padding-bottom:7px;
background:#ffffff;
border-left:2px solid #0099ff;
border-right:2px solid #0099ff;
border-bottom:2px solid #0099ff;
border-radius:0px 0px 12px 12px;
-webkit-border-radius:0px 0px 12px 12px;
-moz-border-radius:0px 0px 12px 12px;}

Сообщество uCoz » Архивариус » Корзина » Сделать рамку центрального контейнера - middle
Страница 1 из 11
Поиск: