Всем привет! Ребята, помогите пожалуйста разобраться. У меня вообще не получается перенести ссылки с шапки в блок ТОП. На скриншоте я попробовал изобразить суть, надеюсь понятно. Блок ТОП у меня вынесен за приделы контейнера. Буду очень рад любому ответу по теме.
Спасибо за ответ. Сайт на локалке. Вот код хедера: Код: <!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>
вот код что отвечает за меню 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"> а там уже допилить я просто не вижу сайта...может шаблон есть демо?
Большое спасибо! Я код, отвечающий за меню внес в див ТОП, а там уже в CSS выставил его по центру. Вот код цсс: Код: #top .links { position: absolute; left: 700px; margin-bottom: 5px; top: 2px; font-size: 10px; padding-right: 10px; z-index:11; } Скажите, а при разных разрешениях экранах ссылки не будут плавать по сайту?
ну можно дать по центру margin: 0 auto; если не будет работать то text-align: center; всегда будет центрировать под разные екраны
Спасибо, но не с 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; Не работают :(
так вы на основной дива задайте ширину 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%; }
