LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
27.05.2012, 17:24:18 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Форум русской поддержки Joomla! CMS > Joomla 1.5 > Joomla 1.5: Настройка и оптимизация (Модераторы: Вязной, xobot) > Тема: Форматирование шапки сайта
Страниц: [1]   Вниз
« предыдущая тема следующая тема »
  Добавить закладку  |  Печать  
Автор Тема: Форматирование шапки сайта  (Прочитано 516 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« : 06.02.2012, 12:57:15 »
Всем привет! У меня вот такая проблемка, http://darksiders.amoti.ru/ на этом сайте шапка не расширяется ОТ центра, а выстраивается по левому краю. Мне надо что бы она вышла и за левый и за правый край, т е была по центру при данной ширине. И кстати похожую проблему я встречал и в других шаблонах на этой же структуре. Вот код шапки:

Код:
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1084px;
height: 225px;
}

div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 40;
width: 1084px;
height: 225px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

width: 1084px; - это по умолчанию было в коде, а мне хотелось бы поставить 1150 px.
Но думаю, дело не только в этом участке..
« Последнее редактирование: 06.02.2012, 13:05:20 от ura-lavrikov » Записан
Vasiliy111
Осваиваюсь на форуме
***

Репутация: +4/-0
Offline Offline

Сообщений: 130
« Ответ #1 : 06.02.2012, 13:00:20 »
ссылка не работает!
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #2 : 06.02.2012, 13:02:30 »
Цитата: Vasiliy111 от 06.02.2012, 13:00:20
ссылка не работает!

попробуйте darksiders.amoti.ru просто скопировать и вставить без  http://
Записан
HiopsNerevar
Давно я тут
****

Репутация: +23/-0
Offline Offline

Пол: Мужской
Сообщений: 304


Я удобный.
« Ответ #3 : 06.02.2012, 13:12:01 »
Дело в том что у тебя хэдер находится внутри дива который центруется. Тебе надо его вынести выше него. Тоесть грубо говоря у тебя идет.
<div id="wrapper"> <div id="header"> </div></div>
wrapper у тебя 960px и центрируется. Header естественно больше. но так как он зажат wrapperом то и вылезти наружу он не может.

глянул получше. вынеси art-Header выше art-Sheet
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #4 : 06.02.2012, 13:34:51 »
Ну вот если я не ошибаюсь, просто я не силён в этом языке.
У поставил хадер выше Sheet
Код:
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1200px;
height: 225px;
}


div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1150px;
height: 225px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1110px;
min-width:35px;
min-height:35px;
}

.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 13px;
}
Вы это имеете ввиду?
Записан
Vasiliy111
Осваиваюсь на форуме
***

Репутация: +4/-0
Offline Offline

Сообщений: 130
« Ответ #5 : 06.02.2012, 13:39:30 »
вам не в CSS надо было подымать, а в index.php )
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #6 : 06.02.2012, 14:36:46 »
ааааа сорри:D, ну я подниму и отпишусь)
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #7 : 06.02.2012, 15:11:42 »
Код:
<body>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
</div>

Вот..
Записан
Vasiliy111
Осваиваюсь на форуме
***

Репутация: +4/-0
Offline Offline

Сообщений: 130
« Ответ #8 : 06.02.2012, 15:24:51 »
все равно у вас div class="art-Header"
находится в div class="art-Sheet"

<div class="art-Sheet">
<div class="art-Header">
<div class="art-Header-jpeg"></div>
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body"> </div>
-------
------
------
</div>
</div>
Записан
HiopsNerevar
Давно я тут
****

Репутация: +23/-0
Offline Offline

Пол: Мужской
Сообщений: 304


Я удобный.
« Ответ #9 : 06.02.2012, 15:31:13 »
Скорее теперь art-Sheet находится внутри art-Header. посмотрите где у вас кончается <div class="art-Header"> и перенесите закрывающий тег </div> перед art-Sheet
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #10 : 06.02.2012, 15:38:51 »
Цитата: HiopsNerevar от 06.02.2012, 15:31:13
Скорее теперь art-Sheet находится внутри art-Header. посмотрите где у вас кончается <div class="art-Header"> и перенесите закрывающий тег </div> перед art-Sheet

Код:
<body>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Header"></div>
    <div class="art-Header-jpeg"></div>
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
</div>
вот
Записан
HiopsNerevar
Давно я тут
****

Репутация: +23/-0
Offline Offline

Пол: Мужской
Сообщений: 304


Я удобный.
« Ответ #11 : 06.02.2012, 15:42:51 »
Скорее вот.

Код:
<body>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
</div>
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
</div>
Записан
Vasiliy111
Осваиваюсь на форуме
***

Репутация: +4/-0
Offline Offline

Сообщений: 130
« Ответ #12 : 06.02.2012, 15:48:25 »
Цитата: HiopsNerevar от 06.02.2012, 15:42:51
Скорее вот.

Код:
<body>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
</div>
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
</div>

Согласен )
Записан
HiopsNerevar
Давно я тут
****

Репутация: +23/-0
Offline Offline

Пол: Мужской
Сообщений: 304


Я удобный.
« Ответ #13 : 06.02.2012, 15:53:21 »
Осталось подправить стили.
Код:
/* begin Header */
div.art-Header
{
position: relative;
z-index:0;
height: 225px;
}


div.art-Header-jpeg
{
z-index:-1;
top: 0;
left: 0;
width: 1150px;
height: 225px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
        margin: 0 auto;
}
Теперь должно все быть по центру.
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #14 : 06.02.2012, 15:58:59 »
Огромнешнее Спасибо Всем!)) а кстати, а не знаете как сместить меню которое под шапкой, что б оно плотно к шапке прилегало)?
« Последнее редактирование: 06.02.2012, 16:04:46 от ura-lavrikov » Записан
HiopsNerevar
Давно я тут
****

Репутация: +23/-0
Offline Offline

Пол: Мужской
Сообщений: 304


Я удобный.
« Ответ #15 : 06.02.2012, 16:05:49 »
А понял.

Код:
.art-Sheet-body {
position: relative;
z-index: 1;
padding: 13px;
}
уберите padding: 13px;
« Последнее редактирование: 06.02.2012, 16:14:53 от HiopsNerevar » Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #16 : 06.02.2012, 16:18:33 »
Спс))
Записан
ura-lavrikov
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 9
« Ответ #17 : 06.02.2012, 16:24:34 »
Всё, теперь идеально, с низом уже сам, Наверно:D, разберусь) Спасибо)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
Форум русской поддержки Joomla! CMS > Joomla 1.5 > Joomla 1.5: Настройка и оптимизация (Модераторы: Вязной, xobot) > Тема: Форматирование шапки сайта
 « предыдущая тема следующая тема »
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet