Перейти к содержанию

Рекомендуемые сообщения

Всем Привет помогите)

Подскажите как вставить свою шапку по ширине сайта, где и что изменять картинка имеется :rolleyes:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Много способов есть, один из самых простых:

.div1 {
   background: url('путь_к_картинке.png') repeat-x;
}
Остальное нужно уточнять - как, что, куда.. Опишите то, что вам нужно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Много способов есть. . .

Если для Вас - это семечки, может и мой вопрос победите?

Вопрос такой: Как такое намутить?

Изображение

Сейчас вот так.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В таблице стилей поправить отступ от верха - padding-top: 20px; Отступ сам подбери

В дефолтном шабе так:

#footer {

width: 100%;

clear: both;

padding-top: 5px;

border-top: 1px solid #DDDDDD;

}

Если не так понял, изъясняйся подробнее

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Если не так понял, изъясняйся подробнее

Втыкаю предложеный рецепт, изменений ноль!

Нужно точь в точь как вверху, но внизу, и примерно в два раза шире.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Втыкаю предложеный рецепт, изменений ноль!

Нужно точь в точь как вверху, но внизу, и примерно в два раза шире.

киньте свой css

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

киньте свой css

Сим-се-ля-бим - и жмём "Показать"

html {
margin : 0;
padding : 0;
}
* {
font-family : Arial, Helvetica, sans-serif;
}
body, td, th, li, input, textarea, select, a {
font-size : 12px;
}
input, textarea, select {
margin : 5px 0;
}
a, a:visited, a:hover {
text-decoration : none;
cursor : pointer;
}
li {
line-height : 175%;
}
img {
border : 0;
}
.clear {
width : 100%;
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
a, a:visited {
color : #1b57a3;
}
a:hover {
font-weight : bold;
}
body {
background : #f0f0f0 url('../image/golub93.gif') repeat fixed;
}
#container { 
width : 940px;
margin-left : auto;
margin-right : auto;
text-align : left;
}
#middle {
text-align : left;
background : #f6f6f6;
margin-bottom : 10px;
padding : 8px 8px 8px 8px;
}
#header {
margin-top : 10px;
margin-bottom : 10px;
}
#header .left {
float : left;
text-align : left;
width : 48%;
}
#header .right {
float : right;
text-align : right;
width : 48%;
}
#header .logo img {
margin-top: 25px;
margin-left : 15px;
margin-bottom : 5px;
}
#header .right a {
margin-left : 15px;
padding : 1px 0 2px 20px;
background-repeat : no-repeat;
background-position : left center;
}
#header .right a:hover {
color : #003982;
font-weight : normal;
}
a.tr_login {
background : url(../image/login.png) no-repeat;
}
a.tr_logout {
background : url(../image/logout.png) no-repeat;
}
a.tr_special {
background : url(../image/dollar.png) no-repeat;
}
a.tr_bookmark {
background : url(../image/special.png) no-repeat;
}
a.tr_sitemap {
background : url(../image/sitemap.png) no-repeat;
}
#header_panel {
width : 100%;
clear : both;
}
#header_panel .panel_top .left {
background : url(../image/header_1_left.png) no-repeat;
width : 5px;
height : 34px;
float : left;
}
#header_panel .panel_top .right {
background : url(../image/header_1_right.png) no-repeat;
width : 5px;
height : 34px;
float : right;
}
#header_panel .panel_top .center {
background : url(../image/header_1_center.png) repeat-x;
height : 34px;
margin-left : 5px;
margin-right : 5px;
}
#header_panel .panel_bottom .left {
background : url(../image/header_2_left.png) no-repeat;
width : 5px;
height : 34px;
float : left;
}
#header_panel .panel_bottom .right {
background : url(../image/header_2_right.png) no-repeat;
width : 5px;
height : 34px;
float : right;
}
#header_panel .panel_bottom .center {
background : url(../image/header_2_center.png) repeat-x;
height : 34px;
margin-left : 5px;
margin-right : 5px;
}
#search {
width : 570px;
padding-top : 1px;
padding-left : 10px;
color : #222;
font-weight : bold;
float : left;
}
#search .div1 {
float : left;
margin-top : 10px;
}
#search .div2 {
float : left;
}
#search .div3 {
float : left;
margin-top : 4px;
}
#search select {
border : 1px solid #1b57a3;
padding : 1px;
}
#search a {
color : #666;
}
#search a:hover {
color : #1b57a3;
}
#search input {
border : 1px solid #1b57a3;
padding : 2px;
}
#lang_cur {
width : 350px;
float : right;
}
.switcher {
float : right;
margin-top : 6px;
margin-right : 10px;
line-height : 125%;
z-index : 100;
}
.switcher a {
text-decoration : none;
height : 15px;
display : block;
text-align : left;
}
.switcher .selected {
background : #fff url(../image/switcher.png) repeat-x;
}
.switcher .selected a {
border : 1px solid #ccc;
background : url(../image/arrow_down.png) no-repeat 116px center;
color : #666;
padding : 2px 5px 2px 5px;
width : 121px;
}
.switcher .selected a:hover {
background : #f0f0f0 url(../image/arrow_down.png) no-repeat 116px center;
}
.switcher .option {
position : absolute;
z-index : 3;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
background-color : #eee;
display : none;
width : 131px;
}
.switcher .option a {
color : #000;
padding : 3px 5px 3px 5px;
}
.switcher .option a:hover {
background : #d0eff3;
}
.switcher img {
position : relative;
margin-top : 2px;
vertical-align : top;
}
#breadcrumb {
float : left;
margin-left : 5px;
margin-bottom : 8px;
color : #444;
}
#column_left {
float : left;
width : 220px;
margin-right : 10px;
clear : left;
}
#column_right {
display : none !important ;
}
#content {
margin-left : 230px;
margin-right : 0;
margin-bottom : 10px;
}
#content .top .left {
background : url(../image/content_top_left.png) no-repeat;
width : 5px;
height : 32px;
float : left;
}
#content .top .right {
background : url(../image/content_top_right.png) no-repeat;
width : 5px;
height : 32px;
float : right;
}
#content .top .center {
background : url(../image/content_top_center.png) repeat-x;
height : 32px;
margin-left : 5px;
margin-right : 5px;
}
#content .top h1, .heading {
padding : 10px 7px 8px 7px;
}
#content h1, .heading {
color : #000;
font-size : 14px;
text-transform : uppercase;
margin : 0;
text-align : center;
}
#content .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 5px 10px 5px 10px;
}
#content .bottom .left {
background : url(../image/content_bottom_left.png) no-repeat;
width : 5px;
height : 5px;
float : left;
}
#content .bottom .right {
background : url(../image/content_bottom_right.png) no-repeat;
width : 5px;
height : 5px;
float : right;
}
#content .bottom .center {
background : url(../image/content_bottom_center.png) repeat-x;
height : 5px;
margin : 0 5px 10px 5px;
}
#content .middle .box {
float : left;
margin : 0 6px 10px 6px;
min-height : 0;
}
#content .middle .box .middle {
width : 158px;
min-height : 0;
}
#s_content {
margin-left : 230px;
margin-right : 0;
margin-bottom : 10px;
}
#s_content .top .left {
background : url(../image/content_top_left.png) no-repeat;
width : 5px;
height : 32px;
float : left;
}
#s_content .top .right {
background : url(../image/content_top_right.png) no-repeat;
width : 5px;
height : 32px;
float : right;
}
#s_content .top .center {
background : url(../image/content_top_center.png) repeat-x;
height : 32px;
margin-left : 5px;
margin-right : 5px;
}
#s_content .top h1, .heading {
padding : 10px 7px 8px 7px;
}
#s_content h1, .heading {
color : #000;
font-size : 14px;
text-transform : uppercase;
margin : 0;
text-align : center;
}
#s_content .middle {
	font-family: Verdana, Geneva, sans-serif;
}
#s_content .middle {
	color: #666;
}
#s_content .middle {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
	font-size: 9px;
}
#s_content .middle {
	text-align: center;
}
#s_content .middle {
	font-size: 12px;
}
#s_content .middle {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
	font-size: 12px;
}
#s_content .middle strong {
}
#s_content .top .center h2 {
	color: #666;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}
#s_content .middle {
	font-size: 9px;
}
#s_content .middle {
	font-size: 10px;
}
#s_content .middle {
	text-align: left;
}
#s_content .middle div {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #f6f6f6;
padding : 5px 10px 5px 10px;
}
#s_content .bottom .left {
background : url(../image/content_bottom_left.png) no-repeat;
width : 5px;
height : 5px;
float : left;
}
#s_content .bottom .right {
background : url(../image/content_bottom_right.png) no-repeat;
width : 5px;
height : 5px;
float : right;
}
#s_content .bottom .center {
background : url(../image/content_bottom_center.png) repeat-x;
height : 5px;
margin : 0 5px 10px 5px;
}
#s_content .middle .box {
float : left;
margin : 0 6px 10px 6px;
min-height : 0;
}
#s_content .middle .box .middle {
width : 158px;
min-height : 0;
}
#slider {
position: relative;
height: 240px;
width: 690px;
margin: 2px 0px 20px 2px;
background: #202834 url(../image/loading.gif) no-repeat 50% 50%;
-moz-box-shadow: 0px 0px 3px #333;
-webkit-box-shadow: 0px 0px 3px #333;
box-shadow: 0px 0px 3px #333;
z-index: 1;
}
#slider img {
position : absolute;
top : 0;
left : 0;
display : none;
z-index : 1;
}
#slider a {
border : 0;
display : block;
}
.nivo-controlNav {
position : absolute;
left : 47%;
bottom : -14px;
}
.nivo-controlNav a {
display : block;
width : 10px;
height : 10px;
background : url(../image/bullets.png) no-repeat;
text-indent : -9999px;
border : 0;
margin-right : 3px;
float : left;
}
.nivo-controlNav a.active {
background-position : -10px 0%;
}
.nivo-directionNav a {
display : block;
width : 30px;
height : 30px;
background : url(../image/arrows.png) no-repeat;
text-indent : -9999px;
border : 0;
}
a.nivo-nextNav {
background-position : -30px 0%;
right : 15px;
}
a.nivo-prevNav {
left : 15px;
}
.box {
margin-bottom : 10px;
background : url(../image/box_top.png) no-repeat;
}
.box .top {
padding : 9px 7px 7px 7px;
color : #000;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
.box .top img {
float : left;
margin-top : -1px;
margin-right : 5px;
}
.box .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 6px;
}
.box .middle td {
padding : 5px 0 0 10px;
vertical-align : top;
}
.box .bottom {
height : 5px;
background : url(../image/box_bottom.png) no-repeat;
}
#three_module {
width : 690px;
display : block;
}
.box2 {
float : left;
margin : 0 5px 10px 5px;
background : url(../image/box_top.png) no-repeat;
}
.box2 .top {
padding : 9px 7px 7px 7px;
color : #000;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
.box2 .top img {
float : left;
margin-top : -1px;
margin-right : 5px;
}
.box2 .middle {
width : 198px;
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 10px;
}
.box2 .middle td {
padding : 5px 0 0 10px;
vertical-align : top;
}
.box2 .bottom {
height : 5px;
background : url(../image/box_bottom.png) no-repeat;
}
.success {
padding : 5px 0;
margin-bottom : 10px;
background : #e4f1c9;
border : 1px solid #a5bd71;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.warning {
padding : 5px 0;
margin-bottom : 10px;
background : #ffdfe0;
border : 1px solid #ff9999;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.wait {
padding : 5px 0;
margin-bottom : 10px;
background : #fbfaea;
border : 1px solid #efebaa;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.required {
color : #ff0000;
font-weight : bold;
}
.error {
color : #ff0000;
display : block;
}
.help {
cursor : pointer;
}
.tooltip {
border : 1px solid #fdda5c;
background : #fbff95;
padding : 5px;
font-size : 11px;
width : 250px;
}
.button {
padding-left : 8px;
display : inline-block;
margin-right : 5px;
background : url(../image/button_left.png) no-repeat left top;
text-decoration : none;
color : #fff;
}
.button span {
color : #fff;
display : block;
padding : 4px 12px 5px 5px;
background : url(../image/button_right.png) no-repeat right top;
font-weight : normal;
}
.button span:hover {
text-decoration : none;
font-weight : normal;
}
.buttons {
background : #f8f8f8;
border : 1px solid #ddd;
padding : 5px;
margin-bottom : 10px;
}
.buttons input {
padding : 0;
margin : 0;
}
.buttons table {
width : 100%;
border-collapse : collapse;
}
.buttons table td {
vertical-align : middle;
}
.content {
background : #f7f7f7;
border : 1px solid #ddd;
padding : 10px;
margin-top : 3px;
margin-bottom : 10px;
}
.list {
width : 100%;
}
.list td {
text-align : center;
vertical-align : top;
padding : 10px;
}
.list img {
border : 1px solid #dfdfdf;
}
.product_hover {
background-color : #eaeaea;
cursor : pointer;
}
.sort {
margin-bottom : 10px;
background : #ebebeb;
height : 30px;
width : 100%;
}
.sort .div1 {
float : right;
margin-left : 5px;
padding-top : 6px;
padding-right : 9px;
}
.sort .div2 {
text-align : right;
padding-top : 9px;
}
.sort select {
font-size : 11px;
margin : 0;
padding : 0;
}
.pagination {
display : inline-block;
width : 100%;
background : #f8f8f8;
margin-bottom : 10px;
}
.pagination .links, .pagination .results {
padding : 7px;
}
.pagination .links {
float : left;
}
.pagination .links a {
border : 1px solid #ccc;
padding : 4px 7px;
text-decoration : none;
color : #000;
}
.pagination .links b {
border : 1px solid #ccc;
padding : 4px 7px;
text-decoration : none;
color : #000;
background : #fff;
}
.pagination .results {
float : right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab_3.png') repeat-x;
color: #000000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
border: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#category ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#category {
width : 218px;
margin : 0;
padding : 0 0 0 0;
list-style-type : none;
}
#category li a {
height : 32px;
height : 23px;
text-decoration : none;
}
#category li a:link, #category li a:visited {
color : #3a75c4;
display : block;
background : url('../image/menu.png');
z-index : 0;
padding : 8px 0 0 5px;
}
#category li a:hover, #category li a #information {
color : #080808;
background : url('../image/menu.png') 0% -32px;
padding : 8px 0 0 5px;
}
#information ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#information {
width : 218px;
margin : 0;
padding : 0 0 0 0;
list-style-type : none;
}
#information li a {
height : 32px;
height : 23px;
text-decoration : none;
}
#information li a:link, #information li a:visited {
color : #3a75c4;
display : block;
background : url('../image/menu.png');
z-index : 0;
padding : 8px 0 0 5px;
}
#information li a:hover, #information li a #information {
color : #080808;
background : url('../image/menu.png') 0% -32px;
padding : 8px 0 0 5px;
}
.cart {
border-collapse : collapse;
width : 100%;
border : 1px solid #eee;
margin-bottom : 10px;
}
.cart th {
background : #eee;
padding : 5px;
font-weight : normal;
vertical-align : middle;
height : 35px;
}
.cart td {
padding : 5px;
vertical-align : middle;
}
.sitemap ul {
margin-left : 10px;
list-style : url(../image/bullet.png);
}
.tags, .tags a {
font-style : italic;
font-size : x-small;
}
#module_cart .middle {
padding : 5px;
}
.cart_module_total {
padding : 0 3px 0 3px;
font-size : 0.9em;
color : #222;
}
.cart_remove {
margin-top : 3px;
background : transparent url(../image/list_remove_btn.gif) no-repeat left center;
padding-right : 10px;
cursor : pointer;
}
.cart_remove_loading {
margin-top : 3px;
background : transparent url(../image/ajax_load.gif) no-repeat;
padding-right : 10px;
}
.button_add_small, a.button_add_small:visited {
margin-top : 3px;
background : transparent url(../image/button_add_small.png) no-repeat left center;
padding : 16px;
text-decoration : none;
}
#provided {
width : 100%;
margin-top : -22px;
margin-bottom : 25px;
text-align : center;
}
#provided p, #provided a {
color : #01285a;
font-size : 11px;
}
#provided a:hover {
color : #fff;
font-weight : normal;
}
.box.middle.centr {
background-color : #fff;
}
.nivoSlider {
position : relative;
}
.nivoSlider img {
position : absolute;
top : 0;
left : 0;
}
.nivoSlider a.nivo-imageLink {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
padding : 0;
margin : 0;
z-index : 60;
display : none;
}
.nivo-slice {
display : block;
position : absolute;
z-index : 50;
height : 100%;
}
.nivo-caption {
position : absolute;
left : 0;
bottom : 0;
background : #000;
color : #fff;
width : 100%;
z-index : 89;
}
.nivo-caption p {
padding : 5px;
margin : 0;
}
.nivo-directionNav a {
position : absolute;
top : 45%;
z-index : 99;
cursor : pointer;
}
.nivo-prevNav {
left : 0;
}
.nivo-nextNav {
right : 0;
}
.nivo-controlNav a {
position : relative;
z-index : 99;
cursor : pointer;
}
.nivo-controlNav a.active {
font-weight : bold;
}
#TB_window {
font : 12px Arial, Helvetica, sans-serif;
color : #333333;
}
#TB_secondLine {
font : 10px Arial, Helvetica, sans-serif;
color : #666666;
}
#TB_window a:link {
color : #666666;
}
#TB_window a:visited {
color : #666666;
}
#TB_window a:hover {
color : #000;
}
#TB_window a:active {
color : #666666;
}
#TB_window a:focus {
color : #666666;
}
#TB_overlay {
position : fixed;
z-index : 100;
top : 0;
left : 0;
background-color : #000;
height : 100%;
width : 100%;
}
* html #TB_overlay {
position : absolute;
}
#TB_window {
position : fixed;
background : #ffffff;
z-index : 102;
color : #000000;
display : none;
border : 4px solid #525252;
text-align : left;
top : 50%;
left : 50%;
}
* html #TB_window {
position : absolute;
}
#TB_window img#TB_Image {
display : block;
margin : 15px 0 0 15px;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-top : 1px solid #666;
border-left : 1px solid #666;
border : 0;
}
#TB_caption {
height : 25px;
padding : 7px 30px 10px 25px;
float : left;
}
#TB_closeWindow {
height : 25px;
padding : 11px 25px 10px 0;
float : right;
}
#TB_closeAjaxWindow {
padding : 7px 10px 5px 0;
margin-bottom : 1px;
text-align : right;
float : right;
}
#TB_ajaxWindowTitle {
float : left;
padding : 7px 0 5px 10px;
margin-bottom : 1px;
}
#TB_title {
background-color : #e8e8e8;
height : 27px;
}
#TB_ajaxContent {
clear : both;
padding : 2px 15px 15px 15px;
overflow : auto;
text-align : left;
line-height : 1.4em;
}
#TB_ajaxContent.TB_modal {
padding : 15px;
}
#TB_ajaxContent p {
padding : 5px 0 5px 0;
}
#TB_load {
position : fixed;
display : none;
height : 13px;
width : 208px;
z-index : 103;
top : 50%;
left : 50%;
margin : -6px 0 0 -104px;
}
* html #TB_load {
position : absolute;
}
#TB_HideSelect {
z-index : 99;
position : fixed;
top : 0;
left : 0;
background-color : #fff;
border : none;
height : 100%;
width : 100%;
}
* html #TB_HideSelect {
position : absolute;
}
#TB_iframeContent {
clear : both;
border : none;
margin-bottom : -1px;
margin-top : 1px;
}
#header #header_panel .panel_bottom .center .soc_icons a {
text-align : right;
}
#header #header_panel .panel_top .center .pt_menu {
text-align : center;
}
body {
text-align : right;
}
#articles ul {
padding: 0 15px;
margin: 0;
}
.box .top a {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}

/* Горизонтальное меню */
#MainMenu 
{
background:#626262;
border:0;
margin:0;
}
#tab 
{
top:0;
height:0;
background:repeat-x top;
margin:0 auto;
width:785px;
}
#tab ul 
{
list-style:none;
float:left;
margin:0;
margin-top:2px;
padding:0;
}
#tab li 
{
display:inline;
float:left;
margin:0 2px;
padding:0;
}
#tab a 
{
background:#626262 url(../image/bright_099.png) no-repeat right top;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span 
{
display:block;
background:url(../image/bleft_099.png) no-repeat left top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height:31px;
padding:0 13px;
}
#tab a:hover,#tab li.item_active a 
{
background-position:right bottom;
border-color:#626262;
}
#tab a:hover span,#tab li.item_active a span 
{
background-position:left bottom;
color:#fce700;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul 
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 #626262;
background:#626262;
color:#ffffff;
z-index:100;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv ul 
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li 
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
width:180px;
display:block;
border:0 #626262;
color:#ffffff;
background:url(../image/bleft_099.png) no-repeat left top;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0 2px;
padding:0;
}
.dropmenudiv a span 
{
display:block;
line-height:31px;
background:url(../image/bright_099.png) no-repeat right top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
float:none;
padding:0 13px;
}
.dropmenudiv a:hover 
{
border:0 #626262;
background-position:left bottom;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#fce700;
}
.dropmenudiv a:hover span 
{
background-position:right bottom;
color:#fce700;
font-weight:700;
}
/* Горизонтальное меню конец */

/* Крыша сайта */
.top_line .right1 { padding-right:30px; }
.top_line .right1 a { color:#fff; margin-left:17px; }
.top_line_text
{
  background: #333;
  padding: 8px 0px 10px 0px; /* 5px 0*/
  color: #fff;
  margin: 0;
  height: 12px;
  position: absolute; z-index: 1;
  top: 0px; left: 0px;
  width: 100%;
  border-bottom: 1px solid #333;
  font-size: 11px;
}
.top_line_text div { padding-left: 30px; }
.top_line_text span { color: #fce700; }
.left1 { float:left;  clear: left;  }
.right1 { float:right; clear: right; }
/* Крыша сайта конец */

/* Низ сайта */
#footer {
width: 100%;
font-size: 11px;
line-height: 125%;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
clear: both;
}
#footer .left {
width : 49%;
float : left;
text-align : left;
}
#footer .right {
width : 49%;
float : right;
text-align : right;
}
#footer .div1 {float: left;text-align: left;}
#footer .div1 ul{padding:0px;}
#footer .div1 li{display:inline; padding:0px 5px; list-style:none;}
#footer .div2 {float: right; text-align: right; padding-bottom:20px;}
#footer .right {
font-family : Verdana, Geneva, sans-serif;
color : #666;
text-align : right;
}
#footer img {
text-align : left;
}
/* Низ сайта конец */

/* Часть для новостей и производителей */
.brands_logo { margin-left:-15px; }
.brands_logo img { border-radius:5px 5px; -moz-border-radius:5px 5px; }
.box .brands_logo { margin-top:5px; }
.box .brands_logo ol,ul { list-style:none; }
ul#brands_slide li img{ padding: 0px; margin-left:0; }
/* Часть для новостей и производителей конец */

/* Loginza */
.loginza {
	text-align: center;
}
/* Loginza конец */

/* Контакты */
#content .middle #contact .content {
	text-align: center;
}
#content .middle #contact .content iframe {
	text-align: center;
}
#content .middle #contact .content {
	text-align: left;
}
#content .middle #contact {
	text-align: center;
}
#content .middle #contact .content {
	text-align: center;
}
.w2w2 {
	text-align: center;
}
/* Контакты конец */

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот и я тыкаю, как и большая часть, читателе этого замечательного форума пальцем в небо Изображение и пока не угадал где выход.

Блин уже б давно решил, ну зациклился сука на шапке, которую привинтил с перепугу и теперь не знаю, как оторваться, есть кто реально в теме и дружит с css, ОТЗОВИСЬ?Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сим-се-ля-бим - и жмём "Показать"

У Вас сейчас такая структура

Изображение

т.е. <div id='footer'> внутри <div id='middle'> а он еще и в диве <div id='container'>

а Вам нужна такая структура

Изображение

т.е. Вам нужно исправлять файл footer.tpl и сделать так чтобы <div id='footer'>лялялкакой-то код<div> был у Вас в самом низу

перед

<?php echo $google_analytics; ?>

</body>

ну а потом в стилях футера дописать ширину,фоновую картинку если нада и если еще что нужно тоже пишите



#footer {
    
	width: 100%;
	   background:  url('../image/footer_left.png') no-repeat ;

}


правда оно все растягивает но поидее вам отступы помогут :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У Вас сейчас . . .

Спасибо за отзывчивость, с Вашей помощью и с горем пополам, насилу вымучил свои бигуди. (Ещё один эксперимент позади :) .)

. . . если еще что нужно тоже пишите

Да-а, неплохо б было б серебра и злата - пуда два:).

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо за отзывчивость, с Вашей помощью и с горем пополам, насилу вымучил свои бигуди. (Ещё один эксперимент позади :) .)

только ваша кнопочка "назад" теперь футером закрывается,

можете попробовать вернуть структуру дивов как была , но <div id='footer'> за ключить в тег спан

вот так:

<span>
<div id='footer'>
....
</div>
</span>

может поможет

Да-а, неплохо б было б серебра и злата - пуда два:).

это Вы у меня просите :)?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

можете попробовать вернуть структуру дивов как была

Мне кажется я там столько наплутал, что домой дороги точно не найду.

это Вы у меня просите :)?

Да нет, мысли вслух :) .

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.