Посмотрите прикрепленное изображение пожалуйста.
Сразу опишу проблему и свои потуги.
(обсуждаемые позиции отмечены пунктами: 1 2 3 4 )
1. Резиновый топ бар в самом верху вставила вот таким образом-с ним вроде проблем нет,разве что решение не совсем правильное-поправьте если можно:
--------------------------------------------------------------------
<html>
<head>
<style>
#qw { position: relative; width: 100%; height: 31px; }
#qw img { width: 100%; height: 31px; }
#qw div { position: absolute; width: 100%;margin: 0;padding: 0;height: 31px;margin-bottom: 7px;}
</style>
<div id="qw"><img src="/image/data/top_bar.png" /><div>
</div>
</div>
</body>
</html--------------------------------------------------------------------------
<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title><?php echo $title; ?></title>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } else if (defined("MY_KEYWORDS")) { ?>
<meta name="keywords" content="<?php echo MY_KEYWORDS; ?>" />
<?php } ?>
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<base href="<?php echo $base; ?>" />
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo str_replace('&', '&', $link['href']); ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/stylesheet.css" />
<!--[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>
DD_belatedPNG.fix('img, #header .div3 a, #content .left, #content .right, .box .top');
</script>
<![endif]-->
<?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.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<script type="text/javascript"><!--
function bookmark(url, title) {
if (window.sidebar) { // firefox
window.sidebar.addPanel(title, url, "");
} else if(window.opera && window.print) { // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
} else if(document.all) {// ie
window.external.AddFavorite(url, title);
}
}
//--></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/scrolltopcontrol.js"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<div id="container">
<div id="header">
<div class="div1">
<div class="div2">
<?php if ($logo) { ?>
<a href="<?php echo str_replace('&', '&', $home); ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a>
<?php } ?>
</div>---------------------------------------------------------------- 2 Ссылки "контакты" и "карта сайта" вставила сюда:
---------------------------------------------------------------------
<div class="div3"><a href="<?php echo str_replace('&', '&', $contact); ?>" style="background-image: url('catalog/view/theme/default/image/contact.png');"><?php echo $text_contact; ?></a><a href="<?php echo str_replace('&', '&', $sitemap); ?>" style="background-image: url('catalog/view/theme/default/image/sitemap.png');"><?php echo $text_sitemap; ?></a></div>
-------------------------------------------------------------------------
<div class="div5">
<div class="left"></div>
<div class="right"></div>
<div class="center">
<div class="div4"><a href="<?php echo str_replace('&', '&', $home); ?>" id="tab_home"><?php echo $text_home; ?></a>
<?php if (!$logged) { ?>
<a href="<?php echo str_replace('&', '&', $login); ?>" id="tab_login"><?php echo $text_login; ?></a>
<?php } else { ?>
<a href="<?php echo str_replace('&', '&', $logout); ?>" id="tab_logout"><?php echo $text_logout; ?></a>
<?php } ?>
<a href="<?php echo str_replace('&', '&', $account); ?>" id="tab_account"><?php echo $text_account; ?></a><a href="<?php echo str_replace('&', '&', $cart); ?>" id="tab_cart"><?php echo $text_cart; ?></a><a href="<?php echo str_replace('&', '&', $checkout); ?>" id="tab_checkout"><?php echo $text_checkout; ?></a></div> -------------------------------------------------------------------------------- Поиск тут
<div id="search">
<div class="div9">
<?php if ($keyword) { ?>
<input type="text" value="<?php echo $keyword; ?>" id="filter_keyword" />
<?php } else { ?>
<input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />
<?php } ?>
</div>
<div class="div10"> <a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></a></div>
</div>
</div>
</div>
</div>--------------------------------------------------------------------------------------------
<div class="div6">
<div class="left"></div>
<div class="right"></div>
<div class="center">
<?php if (isset($common_error)) { ?>
<div class="warning"><?php echo $common_error; ?></div>
<?php } ?>
<div id="breadcrumb">
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb['separator']; ?><a href="<?php echo str_replace('&', '&', $breadcrumb['href']); ?>"><?php echo $breadcrumb['text']; ?></a>
<?php } ?>
</div>
<div class="div7">
<?php if ($currencies) { ?>
<form action="<?php echo str_replace('&', '&', $action); ?>" method="post" enctype="multipart/form-data" id="currency_form">
<div class="switcher">
<?php foreach ($currencies as $currency) { ?>
<?php if ($currency['code'] == $currency_code) { ?>
<div class="selected"><a><?php echo $currency['title']; ?></a></div>
<?php } ?>
<?php } ?>
<div class="option">
<?php foreach ($currencies as $currency) { ?>
<a onclick="$('input[name=\'currency_code\']').attr('value', '<?php echo $currency['code']; ?>'); $('#currency_form').submit();"><?php echo $currency['title']; ?></a>
<?php } ?>
</div>
</div>
<div style="display: inline;">
<input type="hidden" name="currency_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</div>
========================================================================================
CSS ссылок каонтакты и карта сайта
#header .div3 {
margin-left: 51%;
position: absolute;
top: 2px;
float: right;
padding-top: 7px;
height: 38px;
}
#header .div3 a {
margin-left: 15px;
padding: 1px 0px 2px 20px;
background-repeat: no-repeat;
background-position: left center;
------------------------------
CSS выбора валют и языка
#header .div7 {
margin-left: 64%;
position: absolute;
top: 2px;
}
.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border: 1px solid #CCCCCC;
background: url('../image/arrow_down.png') 116px center no-repeat;
color: #666666;
padding: 2px 5px 2px 5px;
width: 121px;
-----------------------------------
CSS Поиск
#search {
position: absolute;
top: 70px;
left: 380px;
width: 298px;
z-index: 15;
}
#search select {
border: 1px solid #FFE137;
padding: 1px;
}
#search a {
color: #DEDEDE;
}
#search input {
border: 1px solid #DEDEDE;
padding: 2px;
}
---------------------------------------
Вопросы и проблемы:
Выбор валют и ссылки "контакты" "карта сайта" при смени разрешения экрана - уезжают, залезая друг на друга, как их закрепить??
Тоже самое с поиском - при смене разрешения он уползает.
Топ Бар -сомневаюсь что у меня правильная реализация, но я другого выхода не нашла -подскажите если есть.
Пункт 4 <div class="center"> - как сделать так чтоб в шапке осталась только синего цвета полоса при этом была резиновой как на картинке, но основной блог после не менял положения.
Как сделать так чтоб серая полоса в шапке (я так понимаю тоже <div class="center"> ) исчезла вообще осталась только синяя при этом между ней и основным блоком были хлебные крошки.
======================================================================
ПОМОГИТЕ РАЗОБРАТЬСЯ -ОЧЕНЬ НУЖНО,ПРАВДА! Я уже сколько бьюсь ничгего толком не придумала ((
ДА,ЗАБЫЛА, МОЯ ВЕРСИЯ 0.2.