Salve a tutti, ho un problemino.
Devo fare sto tema di un cms, ma ho un dubbio nel fare il footer.
il bg della pagina l'ho settato, ma comprende pure il footer e l'header, è possibile eliminare il bg almeno dal footer tramite codice ?
di seguito posto il codice:
Codice PHP:* {
padding: 0;
margin: 0
}
body {
background: url("../img/bg.png") fixed ;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center
}
/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0
}
noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after {
clear: both;
display: block;
height: 0;
font-size: 0;
visibility: hidden;
content: ".";
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }
/* Footer links */
.footer_links {
list-style-type: none;
clear: both;
height: 2em;
margin-top: 2em
}
.footer_links li {
float: left;
margin-right: 2em;
height: 2em
}
.footer_links a { text-decoration: none }
.footer_links a:hover { color: black }
.footer_links img.icon { vertical-align: -2px }
/* transfert effect*/
.transferProduct { border: 2px solid #888 }
/* simple list inline */
.inline_list { list-style-type: none; margin-top: 1em }
.inline_list li { float: left; text-align: center }
.inline_list img { display: block }
ul.half {
width: 45%;
margin-right: 1em;
float: left
}
/* Category tree (i.e. in sitemap) */
div.tree_top {
background: url('../img/sitemap-top.gif') no-repeat -1px -3px;
padding-left: 24px;
padding-bottom: 5px;
padding-top: 3px
}
ul.tree, ul.tree ul { list-style-type: none }
ul.tree li {
padding-left: 1.2em;
border-left: 1px gray dotted;
background: url(../img/sitemap-horizontal.png) no-repeat left 10px;
margin-left: 1em
}
ul.tree a { padding-left: 0.2em }
ul.tree a.selected { font-weight: bold }
ul.tree li.last {
background: url(../img/sitemap-last.gif) no-repeat -12px -2px;
border: none
}
span.grower { cursor: pointer }
/* Tabs */
.idTabs {
list-style-type: none;
border-bottom: solid 1px #76839b;
height: 21px;
margin-top: 1em
}
ul.idTabs li {
float: left;
margin-right: 1px
}
.idTabs a {
background-image: url('../img/tab_bg.jpg');
display: block;
width: 173px;
height: 18px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding-top: 3px;
color: #374853
}
.idTabs .selected {
background-image: url('../img/tab_bg_selected.jpg');
color: white
}
/* IdTabs Short*/
.idTabsShort a {
background-image: url('../img/tab_bg_short.jpg');
width: 138px
}
.idTabsShort .selected {
background-image: url('../img/tab_bg_selected_short.jpg');
color: white
}
div.sheets {
clear: both;
padding: 1em
}
#more_info_sheets li {
background-position: 6px 4px;
margin-bottom: 0.4em
}
/* global style */
a {
color: #5d717e;
text-decoration: underline;
outline: none
}
a:hover { text-decoration: none }
.input:focus { outline: 0 }
a img {
outline: none;
border: none;
text-decoration: none
}
h1 {
font-size: 1.1em;
line-height: 1.6em;
padding-left: 0.5em;
margin: 0.5em 0;
text-transform: uppercase;
font-weight: bold;
color: #374853;
background: transparent url('../img/title_bg.png') no-repeat top left;
height: 21px
}
h1 span {
font-size: 0.9em;
text-transform: none;
font-weight: normal;
font-style: italic;
color: #374853;
margin-left: 1em
}
h2 {
font-size: 1.1em;
line-height: 1.6em;
padding-left: 0.5em;
margin: 0.5em 0;
text-transform: uppercase;
font-weight: bold;
color: #374853;
background: transparent url('../img/title_bg.png') no-repeat top left;
height: 21px
}
h2 span {
font-size: 0.9em;
text-transform: none;
font-weight: normal;
font-style: italic;
color: #374853;
margin-left: 1em
}
h3 { font-size: 1.1em; margin: 1em 0 }
h4 { font-size: 1em }
/* global layout */
#page {
background: url("../img/bg_page.png");
width: 980px;
margin: 0 auto 2px auto;
text-align: left
}
#header_logo {
float: left;
width: 264px;
display: block
}
img.logo {
background: transparent;
float: left;
margin-top: 0.5em;
font-size: 2em;
font-weight: bold
}
#header_right {
float: left;
margin-bottom: 15px;
width: 73%;
text-align: right
}
#left_column, #center_column, #right_column { float: left }
#left_column {
clear: left;
width: 191px;
margin-right: 21px;
overflow: hidden
}
#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden
}
#old_center_column { display: none }
.ac_results_instant {
display: none;
visibility: hidden
}
#instant_search_results a.close {
background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
float: right;
margin-right: 7px;
padding-right: 21px;
text-transform: none
}
#right_column {
width: 191px;
margin-left: 21px;
overflow: hidden
}
/* global RTE fields */
.rte,
.mceContentBody {
text-align: left;
background: white;
color: black
}
body.mceContentBody {
margin: 9px 6px;
width: 556px
}
...
/* Header */
#header_right ul { list-style: none }
#header_right form {
border: none;
margin-bottom: 0!important;
display: inline
}
#header_right label {
margin: 0;
float: none
}
/* Footer */
#footer {
background: transparent url("../img/bg_footer.png") repeat-x center left;
color:#cecece;
margin: 0 auto;
height:140px;
width: 100%;
}
#footer #footer_content{
margin: 0 auto;
padding:16px 0;
text-align:left;
width: 960px;
}
Rispondi quotando