[Помогите] Проблемы с CSS

Тема в разделе "OpenCart", создана пользователем Reqman, 22 дек 2013.

  1. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Всем привет! Ребята, помогите пожалуйста разобраться. У меня вообще не получается перенести ссылки с шапки в блок ТОП. На скриншоте я попробовал изобразить суть, надеюсь понятно.
    [​IMG]
    Блок ТОП у меня вынесен за приделы контейнера. Буду очень рад любому ответу по теме.
     
  2. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    код header.tpl скинь
    и ссылку на сайт
     
    Reqman нравится это.
  3. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Спасибо за ответ. Сайт на локалке. Вот код хедера:
    Код:
    <!DOCTYPE html>
    <html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
    <head>
    <meta charset="UTF-8" />
    <title><?php echo $title; ?></title>
    <base href="<?php echo $base; ?>" />
    <?php if ($description) { ?>
    <meta name="description" content="<?php echo $description; ?>" />
    <?php } ?>
    <?php if ($keywords) { ?>
    <meta name="keywords" content="<?php echo $keywords; ?>" />
    <?php } ?>
    <meta property="og:title" content="<?php echo $title; ?>" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<?php echo $og_url; ?>" />
    <?php if ($og_image) { ?>
    <meta property="og:image" content="<?php echo $og_image; ?>" />
    <?php } else { ?>
    <meta property="og:image" content="<?php echo $logo; ?>" />
    <?php } ?>
    <meta property="og:site_name" content="<?php echo $name; ?>" />
    <?php if ($icon) { ?>
    <link href="<?php echo $icon; ?>" rel="icon" />
    <?php } ?>
    <?php foreach ($links as $link) { ?>
    <link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
    <?php } ?>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
    <?php foreach ($styles as $style) { ?>
    <link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
    <?php } ?>
    <script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
    <script type="text/javascript" src="catalog/view/javascript/common.js"></script>
    <?php foreach ($scripts as $script) { ?>
    <script type="text/javascript" src="<?php echo $script; ?>"></script>
    <?php } ?>
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
    <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
    <script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('#logo img');
    </script>
    <![endif]-->
    <?php if ($stores) { ?>
    <script type="text/javascript"><!--
    $(document).ready(function() {
    <?php foreach ($stores as $store) { ?>
    $('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');
    <?php } ?>
    });
    //--></script>
    <?php } ?>
    <?php echo $google_analytics; ?>
    </head>
    <body>
    <div id="top">
    </div>
    <div id="container">
    <div id="header">
    
      <?php if ($logo) { ?>
      <div id="logo">
      <?php if ($home == $og_url) { ?>
      <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" />
      <?php } else { ?>
      <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>
      <?php } ?>
      </div>
      <?php } ?>
      <?php echo $language; ?>
      <?php echo $currency; ?>
      <?php echo $cart; ?>
      <div id="search">
        <div class="button-search"></div>
        <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
      </div>
      <div id="welcome">
        <?php if (!$logged) { ?>
        <?php echo $text_welcome; ?>
        <?php } else { ?>
        <?php echo $text_logged; ?>
        <?php } ?>
      </div>
      <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
    </div>
    <?php if ($categories) { ?>
    <div id="menu">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php if ($category['children']) { ?>
          <div>
            <?php for ($i = 0; $i < count($category['children']);) { ?>
            <ul>
              <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
              <?php for (; $i < $j; $i++) { ?>
              <?php if (isset($category['children'][$i])) { ?>
              <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
              <?php } ?>
              <?php } ?>
            </ul>
            <?php } ?>
          </div>
          <?php } ?>
        </li>
        <?php } ?>
      </ul>
    </div>
    <?php } ?>
    <div id="notification"></div>
    
     
  4. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    вот код что отвечает за меню


    PHP:
    <div class="links"><a href="<?php echo $home?>"><?php echo $text_home?></a><a href="<?php echo $wishlist?>" id="wishlist-total"><?php echo $text_wishlist?></a><a href="<?php echo $shopping_cart?>"><?php echo $text_shopping_cart?></a><a href="<?php echo $checkout?>"><?php echo $text_checkout?></a></div>
    попробуйте поставить перед
    <div id="header">

    а там уже допилить

    я просто не вижу сайта...может шаблон есть демо?
     
    Reqman нравится это.
  5. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Большое спасибо! Я код, отвечающий за меню внес в див ТОП, а там уже в CSS выставил его по центру. Вот код цсс:
    Код:
    #top .links {
        position: absolute;
        left: 700px;
        margin-bottom: 5px;
        top: 2px;
        font-size: 10px;
        padding-right: 10px;
        z-index:11;
    }
    Скажите, а при разных разрешениях экранах ссылки не будут плавать по сайту?
     
  6. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    ну можно дать по центру

    margin: 0 auto;

    если не будет работать то

    text-align: center;

    всегда будет центрировать под разные екраны
     
    Reqman нравится это.
  7. Reqman

    Reqman

    Регистрация:
    25 фев 2013
    Сообщения:
    213
    Симпатии:
    62
    Спасибо, но не с text-align: center:
    Код:
        position: absolute;
        margin-bottom: 5px;
        top: 2px;
        font-size: 10px;
        padding-right: 10px;
        z-index:11;
        text-align: center;
    и не с margin: 0 auto:
    Код:
    position: absolute;
           margin-bottom: 5px;
        top: 2px;
        font-size: 10px;
        padding-right: 10px;
        z-index:11;
        margin: 0 auto;
    Не работают :(
     
  8. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    так вы на основной дива задайте ширину
    width:100%;


    Код:
    <div id="top">
    <div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
    </div>
    

    .links {
    margin: 0 auto;
    text-align: center;
    }


    #top {
    width:100%;
    }
     
    Reqman нравится это.