Не получается поставить шапку на форум. Когда ставлю, шапка уходит в право и главное меню в низ!
Вот форум http://sakh.clanboard.ru/
Вот картинка http://uploads.ru/i/Y/c/2/Yc2pI.jpg
Также хотелось бы спросить как на мой дизайн поставить один контейнер(столбец) с левой стороны?
Буду очень благодарен Вам за помощь 
Шапка форума
Страница: 1
Сообщений 1 страница 10 из 10
Поделиться1Пн, 16 Янв 2012 12:39:17
Поделиться2Вт, 17 Янв 2012 08:56:10
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Ateki* написал(а):
Не получается поставить шапку на форум. Когда ставлю, шапка уходит в право и главное меню в низ!
А так не пробовали:
<style>
#pun {background: url(http://uploads.ru/i/Y/c/2/Yc2pI.jpg) #141414 no-repeat top center;}
</style>
Ateki* написал(а):
Также хотелось бы спросить как на мой дизайн поставить один контейнер(столбец) с левой стороны?
Скрин - эскиз - как он должон выглядеть - этот столбец... а то их тут разных версий много 
Поделиться3Вт, 17 Янв 2012 11:14:13
Rion Leonheart написал(а):
А так не пробовали:
<style>
#pun {background: url(http://uploads.ru/i/Y/c/2/Yc2pI.jpg) #141414 no-repeat top center;}
</style>
Помогло, спасибо!
Вот примерный эскиз http://uploads.ru/i/3/w/9/3w9md.png
Можно и растянуть его повыше до краев, разницы нет.
Поделиться4Вт, 17 Янв 2012 11:55:29
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Ну если сайдбарчик, мон такой попробовать:
Код:
<style>
.sidebar {position: absolute;
width: 200px;
top: 70px;
height: 865px;
padding: 0px;
padding-top: 0px;
text-align: center;
border: 3px solid #fff;
border-right: none;}
#Leftbar {margin-left:-212px;}
#Leftbar .container{
color:#fff;
padding:0px;
padding-top:0px;
border: 0px red solid;}
#Leftbar .container {height:863px; background: #141414;}
#Leftbar .container div {border-bottom: 3px solid;}
</style>
<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container">
<div>
Меню сайта
</div>
<div>
ссылки
</div>
<div>
И т.д.
</div>
<div>
тут что-то
</div>
</div>
</div></span>*тож в html-верх
Отредактировано Rion Leonheart (Вт, 17 Янв 2012 11:56:12)
Поделиться5Ср, 18 Янв 2012 03:46:57
Все работает!
Но почему то Сафари блок видит на половину.
Поделиться6Ср, 18 Янв 2012 07:15:32
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Ateki*, не работаю с Сафари. Скрин - - можете предоставить?
Поделиться7Ср, 18 Янв 2012 07:50:44
Точный скрин не могу предоставить так как сафари у меня на iPhone, вот что то подобное http://uploads.ru/i/b/K/i/bKiGP.png
И IE не видит шапку сайта. То есть меню верхнее на месте, всё на месте, но шапки нету.
Поделиться8Ср, 18 Янв 2012 08:18:22
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Ateki* написал(а):
вот что то подобное
Чот сдаецо мне тут проблема в разрешении... оно всегда так сползает...
Ateki* написал(а):
И IE не видит шапку сайта.
ИЕ, как всегда, да простит меня rps... попробуйте заменить:
<style>
#pun {background: url(http://uploads.ru/i/Y/c/2/Yc2pI.jpg) #141414 no-repeat top center;}
</style>
На:
Код:
<style>
#pun {background-image: url(http://uploads.ru/i/Y/c/2/Yc2pI.jpg);
background-color: #141414;
background-repeat: no-repeat;
background-position: top center;}
</style>Поделиться9Ср, 18 Янв 2012 08:27:12
Не получается.
Поделиться10Ср, 18 Янв 2012 10:18:16
- Заслуженный
- Зарегистрирован: Пн, 8 Авг 2011
- Сообщений: 1664
- Уважение: +408
- Позитив: +189
- Пол: Мужской
- Последний визит:
Пн, 14 Янв 2019 12:47:55
Ateki*,
<style>
#pun {background-image: url(http://uploads.ru/i/Y/c/2/Yc2pI.jpg);
background-color: #141414;
background-repeat: no-repeat;
background-position: top center;}
</style><style>
.sidebar {position: absolute;
width: 200px;
top: 70px;
height: 865px;
padding: 0px;
padding-top: 0px;
text-align: center;
border: 3px solid #fff;
border-right: 3px solid #fff;}#Leftbar {margin-left:-212px;}
#Leftbar .container{
color:#fff;
padding:0px;
padding-top:0px;
border: 0px red solid;}#Leftbar .container {height:863px; background: #141414;}
#Leftbar .container div {border-bottom: 3px solid;}
</style><span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container"><div>
Наш сервер
</div>
<div><a href="http://www.gametracker.com/server_info/93.188.84.44:27015/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/93.188.84.44:27015/b_160_400_1_ffffff_c5c5c5_ffffff_000000_1_1_1.png" border="0" width="160" height="441" alt="" /></a>
</div>
<div>Поиск
</div>
<div><form id="punbbsearch" method="get" action="http://igry.build2.ru/search.php">
<input type="hidden" name="action" value="search">
<input type="text" id="fld1" name="keywords" size="20" maxlength="100">
<input id="fld2" type="hidden" name="author" value="default">
<input id="fld3" type="hidden" name="forum" value="-1">
<input id="fld4" type="hidden" name="search_in" value="all">
<input id="fld5" type="hidden" name="sort_by" value="0">
<input id="fld6" type="hidden" name="sort_dir" value="DESC">
<input id="fld7" type="hidden" name="show_as" value="topics">
<inрut type="submit" class="button" name="search" value="Поиск" accesskey="s" title="Accesskey:s" />
</form></div>
</div>
</div></span>
Куда закрывающий тег дели? 
В моем изначальном варианте он был.
Страница: 1
Похожие темы
| Не отображается картинка в шапке форума. | Корзина | Сб, 15 Окт 2011 |
| Помогите создать анимацию в шапке форума | Корзина | Пн, 16 Май 2011 |
| Фон и шапка форума | Корзина | Вс, 12 Дек 2010 |
| Шапка форума | Вопросы по оформлению форума | Пн, 21 Апр 2014 |
| Свой баннер в шапке форума | Корзина | Вт, 18 Янв 2011 |