http://www.icyphoenix.com/viewtopic.php?f=36&t=6343
-----------------------------------
Marfo
Fri 21 Aug, 2009 14:14

[SOLVED]Problem With Header Image
-----------------------------------
Hi i'm new and i'm triing to customize the white pearl theme

now my problem is

when i place a new html global block using the CMS for the header, if the image have the same dim of the table width declared in overall_header.tpl and in style_p_white.css the right shadow of the forum go back the forum body and not remain in his place


HaoAsakura had tried to help me without success  
modifing the code but nothing 

the link of my website is http://aboliamo.netsons.org

somebody can help me please?

Sorry for my english :(


-----------------------------------
spydie
Fri 21 Aug, 2009 14:38

Re: Problem With Header Image
-----------------------------------
what i see is that the problem is not only with the header.

the bar on the right is moved behind the blocks of the right hand.

and i don´t think that you got the bar fixed to the backround.

something went totaly wrong with the css file


-----------------------------------
Marfo
Fri 21 Aug, 2009 14:50

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43273"]what i see is that the problem is not only with the header.

the bar on the right is moved behind the blocks of the right hand.

and i don´t think that you got the bar fixed to the backround.

something went totaly wrong with the css file[/quote]

this is the complete style_p_white.css code

[Spoiler][code linenumbers=false]@import url("../default/common.css");

@import url("../common/common_colors.css");

@import url("../common/fap.css");

@import url("../common/dock.css");

@import url("style_p_white_colors.css");



/* main selectors */

body {

	background: #00CCFF;

	background:  #ffffff url(/templates/pearl/images/p_white/background.gif) fixed;

	margin: 0px 0px 0px 0;

	padding: 0px 10px 0px;

}



#global-wrapper {



	width: 980px !important;

	clear: both;

	margin: 0 auto;



}



.rounded_line {

	background: #f8f8f8;

	/* border: solid 1px #ffffff; */

	padding: 5px;

}



.rounded_line_ext {

	background: #bbbbbb;

	/*border: solid 1px 1px 1px 1px #ffffff;*/

	padding: 5px;

}



.nifty4 {

	background: #f8f8f8;

}



#top_logo {

	border: 0px solid #e8e8e8;

	background: trasparent;

	height: 350px;

}



#logo-img {

	margin-top: 20px;

	margin-left: 10px;

}



#bottom_logo_ext {

	border-top: 1px solid #bbbbbb;

	border-bottom: 1px solid #aaaaaa;

}



#bottom_logo {

	border: 0px solid #e8e8e8;

	/*border-top: 1px solid #883B00;*/

	background: url('images/p_white/bg_hdr.gif') repeat;

	/*height: 150px;*/

}



.leftshadow {

	background: url('images/p_white/shadow_left.gif') top left repeat-y;

}



.rightshadow {

	background: url('images/p_white/shadow_right.gif') top right repeat-y;

}



#wrapper-inner {

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	padding-right: 20px;

}



#forumtable {

	background-color: transparent;

	border: solid 0px #e8e8e8;

	border-width: 0px 0px 0px 0px;

}



#acp, #forumtable, p, td, th {

	color: #222222;

}



label { color: #222222; }

label:hover { color: #005FCC; }



a { color: #006; text-decoration: underline; }

a:visited { color: #006; text-decoration: underline; }

a:hover, a:active { color: #88223C; text-decoration: underline;}



.error-message { color: #88223C; }



hr {

	border: 0px none #e8e8e8;

	border-top: 1px solid #bbbbbb;

}



/* header */

.forum-buttons {

	text-align: center;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	height: 25px;

	color: #005FCC;

	background: #ffffff url('images/p_white/bg_menu.gif') top left repeat-x;

	border-top: solid 1px #88223C;

	border-bottom: solid 1px #88223C;

	/*white-space: nowrap;*/

}



.forum-buttons a, .forum-buttons a:visited { color: #005FCC; font-weight: bold; text-decoration: none; vertical-align: top; }

.forum-buttons a:hover, .forum-buttons a:active { color: #88223C; font-weight: bold; text-decoration: none; vertical-align: top; }



.gh-border {

	border-left: solid 1px #88223C;

	border-right: solid 1px #88223C;

}



.forum-buttons2 {

	background: #eeeeee url('images/p_white/bg_th.gif') top left repeat-x;

	color: #005FCC;

	font-weight: bold;

	font-size: 11px;

	height: 18px;

	padding: 0 5px;

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	white-space: nowrap;

}



.forum-buttons2 a, .forum-buttons2 a:visited { color: #005FCC; font-weight: bold; text-decoration: none; }

.forum-buttons2 a:hover, .forum-buttons2 a:active { color: #88223C; font-weight: bold; text-decoration: none; }



.header-search { padding: 5px; }



/* footer */

#copyright {

	padding-left: 4px;

	padding-right: 4px;

	color: #444444;

	background-image: url('images/p_white/bg_copyright.gif');

	border-top: solid 1px #bbbbbb;

	border-bottom: solid 2px #bbbbbb;

	font-size: 9px;

}



#copyright a, #copyright a:visited {

	color: #005FCC;

	text-decoration: none;

}



#copyright a:hover, #copyright a:active {

	color: #005FCC;

	text-decoration: none;

}



.admin-link a, .admin-link a:visited {

	font-size: 12px;

	line-height: 20px;

	text-decoration: underline;

}



.admin-link a:hover, .admin-link a:active {

	text-decoration: underline;

}



.forumline {

	border: solid 1px #aaaaaa;

	background-color: #f8f8f8;

	/*

	border: solid 1px #E8F1F8;

	background-color: #E8F1F8;

	*/

	margin: 5px 0;

}



.forumlinenb {

	border: solid 1px #aaaaaa;

	background-color: #f8f8f8;

	/*

	border: 0px;

	margin: 10px 0px 0px 0px;

	*/

}



.forumline-no {

	border: solid 1px #bbbbbb;

	background-color: #f8f8f8;

}



.forumline-no2 {

	background-color: #f8f8f8;

	/*margin: 5px 0;*/

}



.row1, .row2, .row3, .row4, .row1h, .row1h-new, .row1hHover, .row1h-newHover, .row2h, .row2h-new, .row2hHover, .row2h-newHover, .row3h {

	border: solid 1px #ffffff;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	text-align: left;

}



.row1, .row1h, .row1h-new, .row1hHover, .row1h-newHover {

	background-color: #f8f8f8;

}



.row2, .row2h {

	background-color: #f4f4f4;

}



.row3, .row4, .row3h {

	background-color: #eeeeee;

}



.row5, .row5h {

	background-color: #bbbbbb;

}



.row5bg {

	background: #bbbbbb url('images/p_white/bg_hdr.gif');

	border-width: 1px 0px 1px 0px;

	border-top: 1px solid #bbbbbb;

	border-bottom: 1px solid #bbbbbb;

}



.row6 {

	background-color: #f8f8f8;

	border: solid 1px #aaaaaa;

}



.row-recent {

	background-color: #f8f8f8;

	border: solid 1px #e8e8e8;

	border-bottom-color: #dddddd;

	text-align: left;

}



.rowcal {

	background-color: #f8f8f8;

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	text-align: left;

}



.rowcal2 {

	background-color: #f8f8f8;

	text-align: left;

}



.rowcal3 {

	background-color: #f8f8f8;

	text-align: center;

}



.rowcalquote {

	background-color: #f8f8f8;

	border: solid 1px #bbbbbb;

	text-align: center;

	vertical-align: top;

}



.quote {

	background-color: #f8f8f8;

	border: solid 1px #bbbbbb;

	vertical-align: top;

}



.row1h:hover, .row1hHover, .row2h:hover, .row2hHover {

	/*background: #eeeeee url('images/p_white/bg_row_hover.gif') bottom right no-repeat;*/

	background: #FFFFBB url('images/p_white/bg_row_hover.gif') bottom right no-repeat;

	border: solid 1px #ffffff;

	border-bottom-color: #dddddd;

	border-right-color: #dddddd;

}



.row1h-new:hover, .row1h-newHover, .row2h-new:hover, .row2h-newHover {

	/*background: #eeeeee url('images/p_white/bg_row_hover_new.gif') bottom right no-repeat;*/

	background: #FFFFBB url('images/p_white/bg_row_hover_new.gif') bottom right no-repeat;

	border: solid 1px #ffffff;

	border-bottom-color: #dddddd;

	border-right-color: #dddddd;

}



.forumline div.row1, .forumline p.row1, .forumlinenb div.row1, .forumlinenb p.row1 { text-align: left; padding: 3px; }



.row1g, .row1g-left, .row1g-left-top {

	background: #ffffff url('images/p_white/bg_post.gif') top left repeat-x;

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	vertical-align: middle;

	text-align: center;

}



.row1g-left, .row1g-left-top {

	text-align: left;

}



.row1g-left-top {

	vertical-align: top;

}



.forumline th, .forumlinenb th {

	background: #eeeeee url('images/p_white/bg_th.gif') top left repeat-x;

	color: #005FCC;

	font-weight: bold;

	font-size: 11px;

	height: 24px;

	padding: 0 5px;

	border: solid 1px #e8e8e8;

	border-right-color: #bbbbbb;

	border-bottom-color: #bbbbbb;

	white-space: nowrap;

}



.forumline .row1h-forum, .forumline .row1h-forumHover, .forumline .row1h-forum-new, .forumline .row1h-forum-newHover {

	padding: 0 2px 2px 2px;

}



.forumlinenb .row1h-forum, .forumlinenb .row1h-forumHover, .forumlinenb .row1h-forum-new, .forumlinenb .row1h-forum-newHover {

	padding: 0 2px 2px 2px;

}



.forumline .no-padding, .forumlinenb .no-padding {

	padding: 0;

}



.forumline .row-header, .forumlinenb .row-header {

	background: #383838 url('images/p_white/bg_th.gif');

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	padding: 0;

	text-align: left;

	vertical-align: top;

	height: 27px;

}



.forumline p.row-header, .forumlinenb p.row-header { height: 25px; }



.forumline .row-header span, .forumlinenb .row-header span {

	background: url('images/p_white/little_box.gif') no-repeat left;

/* MG XMas */

	/*background: url('images/p_white/xmas/little_box.gif') top left no-repeat;*/

/* MG XMas */

	padding-left: 24px;

	color: #005FCC;

	display: block;

	padding-top: 6px;

	font-weight: bold;

	font-size: 12px;

	height: 24px;

	/*line-height: 1.2em;*/

}



.row-header a, .row-header a:visited {

	color: #005FCC;

	text-decoration: underline;

}



.row-header a:hover, .row-header a:active {

	color: #88223C;

	text-decoration: underline;

}



/* shortcuts */

.row-center, .row-center-small, .forumline .row1h-center, .row1h-centerHover {

	text-align: center;

	vertical-align: middle;

}



.row-center-small {

	font-size: 10px;

}



.catBottom, .cat, .catLeft, .catRight {

	background: #eeeeee url('images/p_white/bg_catbottom.gif') top left repeat-x;

	text-align: center;

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	height: 28px;

	min-height: 28px;

}



.forumline td.catBottom, .forumlinenb td.catBottom { padding: 1px; }



.spaceRow {

	background: #bbbbbb url('images/p_white/bg_spacerow.gif');

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	height: 3px;

	padding: 0;

}



.forumline td.spaceRow, .forumlinenb td.spaceRow { padding: 0; }



.roundedtop {

	margin-top: 5px;

	margin-bottom: 0px;

	/*

	background: url('images/p_white/tbl_h_c.gif') bottom left repeat-x;

	*/

}



.roundedtop td {

	height: 29px;

	white-space: nowrap;

	/*

	background: none;

	*/

}



.topcorners {

	vertical-align: bottom;

	width: 27px;

	height: 29px;

}



.roundedhl {

	background: url('images/p_white/tbl_h_l.gif') no-repeat;

}



.roundedhc {

	background: url('images/p_white/tbl_h_c.gif') bottom left repeat-x;

/* MG XMas */

	/*background: url('images/p_white/xmas/tbl_h_c.gif') bottom left repeat-x;*/

/* MG XMas */

}



.roundedhr {

	background: url('images/p_white/tbl_h_r.gif') no-repeat;

}



.roundedfl {

	background: url('images/p_white/tbl_f_l.gif') no-repeat;

}



.roundedfc {

	background: url('images/p_white/tbl_f_c.gif') top left repeat-x;

}



.roundedfr {

	background: url('images/p_white/tbl_f_r.gif') no-repeat;

}



.roundedbottom {

	margin-top: 0px;

	margin-bottom: 5px;

}



/* navigation */

.nav-header {

	background: #eeeeee url('images/p_white/bg_nav1.gif');

/* MG XMas */

	/*background: #E8F1F8 url('images/p_white/xmas/bg_nav1.gif');*/

/* MG XMas */

	color: #777777;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	padding: 4px 5px;

}



.nav-header2 {

	background-image: url('images/p_white/bg_nav1.gif');

	color: #777777;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

	padding: 4px 5px;

}



.nav-links {

	color: #777777;

	text-align: right;

	background: #eeeeee url('images/p_white/bg_nav2.gif') top left repeat-x;

	padding: 3px 5px;

	font-size: 10px;

	line-height: 1.4em;

}



.nav-links-left {

	position: relative;

	float: left;

	text-align: left;

}



.nav-header, .nav-links {

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

}



.nav-div a, .nav-div a:visited {

	color: #005FCC;

	text-decoration: none;

}



.nav-div a:hover, .nav-div a:active {

	color: #88223C;

	text-decoration: none;

}



.nav-links a, .nav-links a:visited, .nav-links a:hover{ text-decoration: underline; }



.nav-div a.nav-current, .nav-div a.nav-current:visited {

	color: #DD7322;

}



.nav-div a.nav-current:hover, .nav-div a.nav-current:active {

	color: #88223C;

	text-decoration: none;

}



/* forum index */

.forumlink, .forumlink-new {

	font-size: 12px;

	font-weight: bold;

	line-height: 1.3em;

	color: #006;

}



.forumlink2, .forumlink2-new {

	font-size: 10px;

	font-weight: bold;

	line-height: 1.3em;

	color: #005FCC;

}



a.forumlink, a.forumlink:visited { color: #006; text-decoration: none; }

a.forumlink:hover, a.forumlink:active { color: #88223C; text-decoration: underline; }

a.forumlink-new, a.forumlink-new:visited { color: #DD7322; text-decoration: none; }

a.forumlink-new:hover, a.forumlink-new:active { color: #DD7322; text-decoration: underline; }



.moderators {

	font-size: 10px;

	color: #777777;

}



.moderators a, .moderators a:visited { color: #444444; text-decoration: underline; }

.moderators a:hover, .moderators a:active { color: #005FCC; text-decoration: underline; }



/* viewforum */

.topiclink b, .topiclink-new b {

	color: #005FCC;

	font-size: 11px;

}



.topiclink a, .topiclink-new a {

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}



.topiclink a:hover, .topiclink a:active {

	text-decoration: underline;

}



.topiclink-new a{

	color: #DD7322;

}



.topiclink-new a:hover, .topiclink-new a:active {

	text-decoration: underline;

}



/* pagination */

.pagination a, .pagination a:visited {

	color: #005FCC;

	border: #888888 1px solid;

	padding: 1px;

	background: #eeeeee url('images/p_white/bg_nav2.gif') top left repeat-x;

}



.pagination a:hover, .pagination a:active {

	color: #88223C;

	border: #005FCC 1px solid;

	padding: 1px;

}



.gotopage a, .gotopage a:visited {

	color: #005FCC;

	border: #888888 1px solid;

	padding: 1px;

	background: #eeeeee url('images/p_white/bg_nav2.gif') top left repeat-x;

}



.gotopage a:hover, .gotopage a:active {

	color: #88223C;

	border: #005FCC 1px solid;

	padding: 1px;

}



/* post */

.row-signature {

	background-color: #f8f8f8;

	border: solid 1px #e8e8e8;

	border-top: none;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	text-align: left;

}



.row-post-author, .row-post {

	background: #ffffff url('images/p_white/bg_post.gif') top left repeat-x;

/* MG XMas */

	/*background: #ffffff url('images/p_white/xmas/bg_post.gif') top left repeat-x;*/

/* MG XMas */

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	vertical-align: top;

	padding: 3px;

}



.row-post-author {

	text-align: center;

	width: 150px;

}



.row-post {

	text-align: left;

}



.post-name {

	font-weight: bold;

	color: #005FCC;

	font-size: 12px;

	/*line-height: 1.6em;*/

}



.post-rank {

	color: #777777;

	font-size: 10px;

}



.post-details {

	text-align: left;

	margin: 5px;

	color: #777777;

	font-size: 10px;

	line-height: 1.4em;

}



.post-images img {

	display: block;

	margin: 1px auto;

}



.post-buttons-top {

	float: right;

	margin-top: 2px;

}



.post-subject {

	color: #005FCC;

	font-weight: bold;

	font-size: 13px;

	margin-bottom: 5px;

	line-height: 20px;

}



.row-post-date, .row-post-buttons {

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	vertical-align: middle;

	font-size: 10px;

	line-height: 12px;

	color: #777777;

	background: url('images/p_white/bg_postbottom.gif');

	white-space: nowrap;

	padding: 1px;

}



.row-post-buttons {

	text-align: left;

}



.post-buttons a img, .post-buttons a:visited img, .post-buttons-single a img, .post-buttons-single a:visited img {

	/*background-color: #446799;*/

	vertical-align: middle;

}



.post-buttons a:hover img, .post-buttons a:active img, .post-buttons-single a:hover img, .post-buttons-single a:active img {

	/*background-color: #FFB100;*/

	vertical-align: middle;

}



.post-buttons-single {

	text-align: center;

	vertical-align: middle;

}



/* phpbbstyles.com bbcode */

blockquote {

	margin: 0;

	padding: 0;

	display: block;

}



.post-text blockquote {

	color: #444444;

	display: block;

	/*overflow: hidden;*/

	overflow: auto;

	background: #eeeeee url('images/p_white/bg_quote_content.gif') bottom right no-repeat;

	margin: 5px 20px;

	width: auto;

	border: solid 1px #e8e8e8;

	padding: 5px;

	font-size: 12px;

}



.post-text blockquote a, .post-text blockquote a:visited {

	color: #88223C;

	text-decoration: none;

	border-bottom: dotted 1px #88223C;

}



.post-text blockquote a:hover, .post-text blockquote a:active {

	color: #DD7322;

	text-decoration: none;

	border-bottom: dotted 1px #DD7322;

}



.post-text blockquote h6, .post-text blockquote .quote-user, .post-text blockquote .quote-nouser {

	margin: 0;

	margin-bottom: 5px;

	padding-left: 18px;

	padding-bottom: 3px;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	line-height: 1.2em;

	color: #005FCC;

	background: #eeeeee url('images/p_white/bg_quote_header.gif') top left no-repeat;

	border-bottom: solid 1px #dddddd;

}



.post-text .code {

	display: block;

	margin: 5px 20px;

	width: auto;

	font-size: 12px;

	font-family: 'Courier New', sans-serif;

	color: #005FCC;

	background-color: #eeeeee;

	border: solid 1px #e8e8e8;

	padding: 5px;

}



.post-text .code h6, .post-text .code-header {

	margin: 0;

	margin-bottom: 5px;

	padding-left: 18px;

	padding-bottom: 3px;

	border-bottom: solid 1px #dddddd;

	font-size: 11px;

	line-height: 1.2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #444444;

	background: #eeeeee url('images/p_white/bg_code_header.gif') top left no-repeat;

}



.post-text .code a, .post-text .code a:visited {

	color: #88223C;

	text-decoration: none;

	border-bottom: dotted 1px #88223C;

}



.post-text .code a:hover, .post-text .code a:active {

	color: #DD7322;

	text-decoration: none;

	border-bottom: dotted 1px #DD7322;

}



.code-header a, .code-header a:visited  { color: #88223C; text-decoration: none; border-bottom: dotted 1px #888888; }

.code-header a:hover, .code-header a:active { color: #DD7322; text-decoration: none; border-bottom: dotted 1px #bbbbbb; }

.code-content { padding: 0; }



.code-list {

	margin-top: 3px;

	margin-right: 0;

	margin-bottom: 3px;

}



li.code-row {

	white-space: normal;

	border-top: 1px #dddddd solid;

	color: #444444;

	/*wrap-option: emergency;*/

}



.code-row-text {

	color: #005FCC;

}



div.code li.code-row-highlight {

	color: #88223C;

	border-color: #88223C;

}



div.code li.code-row-highlight .code-row-text, div.code span.code-row-highlight {

	color: #88223C;

}



li.code-row-first {

	border-top: none;

}



/* inputs */

.helpline {

	background-color: #f8f8f8;

	border: solid 1px #e8e8e8;

	color: #88223C;

}



input, textarea, select {

	color: #222222;

}



input.button {

	background: #eeeeee url('images/p_white/bg_nav2.gif') top left repeat-x;

	border: solid 1px #bbbbbb;

	border-left-color: #dddddd;

	border-top-color: #dddddd;

	color: #005FCC;

	font-weight: bold;

}



input.button:hover {

	border: solid 1px #888888;

	border-right-color: #777777;

	border-bottom-color: #777777;

	color: #005FCC;

	font-weight: bold;

}



* html textarea, * html select,

textarea, select {

	background-color: #f8f8f8;

	border: solid 1px #888888;

	color: #005FCC;

}



* html input.post,

input.post {

	background-color: #f8f8f8;

	border: solid 1px #888888;

	color: #005FCC;

}



* html input.liteoption,

input.liteoption {

	background-color: #f8f8f8;

	border: solid 1px #888888;

	color: #222222;

}



* html input.altoption,

input.altoption {

	background-color: #f8f8f8;

	border: solid 1px #888888;

	color: #88223C;

}



* html input.mainoption,

input.mainoption {

	background-color: #f8f8f8;

	border: solid 1px #888888;

	color: #005FCC;

	font-weight: bold;

}



input.liteoption:hover, input.altoption:hover, input.mainoption:hover {

	background-color: #eeeeee;

	border: solid 1px #005FCC;

	color: #88223C;

}



input.mainoption:hover {

	font-weight: bold;

}



input.post:hover, textarea:hover, select:hover, select:focus {

	background-color: #eeeeee;

	border: solid 1px #005FCC;

	color: #88223C;

}



input.post:focus, textarea:focus {

	border: solid 1px #88223C;

	color: #005FCC;

}



input.post:focus, select:focus, input.liteoption:focus, input.altoption:focus, input.mainoption:focus {

	background: #dddddd url('images/p_white/bg_input.gif') top left repeat-x;

}



textarea:focus {

	background-color: #eeeeee;

}



select optgroup {

	background-color: #eeeeee;

	color: #88223C;

	font-weight: normal;

	font-style: normal;

}



select option {

	background-color: #eeeeee;

	color: #88223C;

	font-weight: normal;

	font-style: normal;

}



/* private message popup */

.popuppm-new a {

	margin: 5px 0;

	padding: 40px 60px;

	font-size: 12px;

	font-weight: bold;

	color: #005FCC;

	background: #ffffff url('images/p_white/bg_post.gif') top left repeat-x;

	border: solid 1px #bbbbbb;

	text-decoration: none;

}



.popuppm-new a:hover {

	color: #DD7322;

	text-decoration: underline;

}



.row-right {

	text-align: right;

	vertical-align: middle;

}



/* News Block */

.forumline .news-header, .forumlinenb .news-header {

	background: #383838 url('images/p_white/bg_th.gif');

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	padding: 0;

	text-align: left;

	vertical-align: top;

	height: 27px;

}



.forumline .news-header span, .forumlinenb .news-header span {

	background: url('images/p_white/little_box.gif') no-repeat left;

/* MG XMas */

	/*background: url('images/p_white/xmas/little_box.gif') top left no-repeat;*/

/* MG XMas */

	padding-left: 24px;

	color: #005FCC;

	display: block;

	padding-top: 6px;

	font-weight: bold;

	font-size: 12px;

	line-height: 1.5em;

}



.row-news-tickers b { color: #005FCC; }



.copyright {

	color: #005FCC;

	vertical-align: middle;

	padding-left: 2px;

	padding-right: 2px;

	font-size: 9px;

}



.generation {

	/*padding: 2px;

	padding-bottom: 4px;*/

	font-size: 9px;

	color: #005FCC;

}



.activity-links {

	color: #777777;

	text-align: right;

	background: #eeeeee url('images/p_white/bg_nav2.gif') top left repeat-x;

	padding: 8px 30px 0px 10px;

	font-size: 10px;

	line-height: 1.4em;

}



.activity-links-left {

	position: relative;

	float: left;

	text-align: left;

}



/* edit notes */

.post-notes {

	background-color: #f8f8f8;

	border: solid 1px #777777;

	margin: 0;

	margin-top: 10px;

}



.post-note {

	color: #444444;

	background-color: #eeeeee;

	border: solid 1px #e8e8e8;

	border-right-color: #dddddd;

	border-bottom-color: #dddddd;

	text-align: left;

	font-size: 10px;

	padding: 2px;

}



.post-note a, .post-note a:visited { color: #005FCC; text-decoration: underline; }



.post-note a:hover, .post-note a:active { color: #DD7322; text-decoration: underline; }



.post-note-delete { float: right; }



.extra-top-padding { padding-top: 1px; }

[/code][/spoiler]

can you suggest me how to fix??


-----------------------------------
Lopalong
Sun 23 Aug, 2009 13:22

Re: Problem With Header Image
-----------------------------------
In your overall header you have:

[code linenumbers=false]				<table width="980" align="center" border="0" cellpadding="0" cellspacing="0">
Change it to:

				<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">


In the overall footer:

Find class="min250" X 2: and remove both of them.

[/code]

That's a start! that will / should at least stop a lot of things from overlapping. :mricy:


-----------------------------------
spydie
Sun 23 Aug, 2009 13:29

Re: Problem With Header Image
-----------------------------------
Thank´s Lopa.

I can only push him more or less in the right direction,
 but you are one of the best in templates, 
seeing directly there the problem comes from.


-----------------------------------
Lopalong
Sun 23 Aug, 2009 13:42

Re: Problem With Header Image
-----------------------------------
I edit "His" html and .css on line - to see what changes take effect. ;)

[b]Might let you onto this trick one day[/b]. :P

But at the moment - That's only a part of the fix - because I'm going to leave it up to him / her to try to work out the rest of it.


-----------------------------------
Marfo
Sun 23 Aug, 2009 17:10

Re: Problem With Header Image
-----------------------------------
[quote user="Lopalong" post="43324"]In your overall header you have:

[code linenumbers=false]				<table width="980" align="center" border="0" cellpadding="0" cellspacing="0">
Change it to:

				<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">[/code][/quote]

Sorry but I Can't see this line in overall_header i'm using the one in templates/defult directory because in the directory of the template there isn't this file

[quote user="Lopalong" post="43324"]

In the overall footer:

Find class="min250" X 2: and remove both of them.

[/code][/quote]

I've take this file like the overall_header in /templates/default like the overall_header and after  that I've removed the 2 class="min250" I've putted it in the same directory 
and after that i've erased the cache in the forum and in my browser but it doesn't work

have i made something wrong??


-----------------------------------
spydie
Sun 23 Aug, 2009 17:50

Re: Problem With Header Image
-----------------------------------
Lopa, i disagree with you on overall_header and footer.

it look´s to me that the problem comes from CSS.

specialy this line 
[code linenumbers=false]#global-wrapper {



    width: 980px !important;

    clear: both;

    margin: 0 auto;


[/code]

I´m not shure, but i´d like to point this out


-----------------------------------
Marfo
Sun 23 Aug, 2009 18:01

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43331"]Lopa, i disagree with you on overall_header and footer.

it look´s to me that the problem comes from CSS.

specialy this line 
[code linenumbers=false]#global-wrapper {



    width: 980px !important;

    clear: both;

    margin: 0 auto;


[/code]

I´m not shure, but i´d like to point this out[/quote]

ok I've commented this part whit /* before width and whit */ after margin:0 auto;
 but now how can i modify the width of my forum???


-----------------------------------
spydie
Sun 23 Aug, 2009 18:04

Re: Problem With Header Image
-----------------------------------
decomend that again.

try replacing 980 px for 80%

tell me what happens


-----------------------------------
Marfo
Sun 23 Aug, 2009 18:23

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43333"]decomend that again.

try replacing 980 px for 80%

tell me what happens[/quote]

it works! but if i open my prefered sites on the left the problem return :censored:


-----------------------------------
spydie
Sun 23 Aug, 2009 21:22

Re: Problem With Header Image
-----------------------------------
what prefered site´s ???


for what i can see. it look´s great now. maybe the header image should be a bit bigger.

you can try yourself, playing with the wide of header image


-----------------------------------
Marfo
Sun 23 Aug, 2009 21:41

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43335"]what prefered site´s ???


for what i can see. it look´s great now. maybe the header image should be a bit bigger.

you can try yourself, playing with the wide of header image[/quote]

no sorry it doesn't work for now I and HaoAsakura have decide to avoid this problem using the header like now but if I use an header with the dimension like the forum body the problem come again


-----------------------------------
spydie
Sun 23 Aug, 2009 21:44

Re: Problem With Header Image
-----------------------------------
the trick is to make the image just a little bit smaller than the forum size. so instaed of 980 you put 978 or something like it


-----------------------------------
Marfo
Sun 23 Aug, 2009 21:48

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43337"]the trick is to make the image just a little bit smaller than the forum size. so instaed of 980 you put 978 or something like it[/quote]

ok thanks ^^

but if I use 980 like forum table dim the dim max that i can use is 930  :shock:


-----------------------------------
Lopalong
Sun 23 Aug, 2009 22:57

Re: Problem With Header Image
-----------------------------------
First rule: The global wrapper controls the width of the page and can be fixed with px or fluid with %.

After that all fixed widths should be avoided, because they either push through the side of the theme, or are too short. Not only that the fixed widths in the body create problems with monitors of different resolutions.

If you wish, copy the overall_footer and overall_header from the default to your theme folder, zip it up and make it available for me. Because I don't fancy trying to fix this on-line.

You also have other html problems with some <wrappers> running out of order.


-----------------------------------
spydie
Sun 23 Aug, 2009 23:02

Re: Problem With Header Image
-----------------------------------
Thx for putting thing´s in it´s place Lopa.


-----------------------------------
Lopalong
Sun 23 Aug, 2009 23:17

Re: Problem With Header Image
-----------------------------------
I see that the theme is somewhat fixed and doesn't look too bad now, but doing it the way that he has with the default header files has screwed up every other style on his board. :(

I might stay out of this one I think!  :mryellow:


-----------------------------------
spydie
Sun 23 Aug, 2009 23:19

Re: Problem With Header Image
-----------------------------------
[ot user="Lopalong" post="43341"]I see that the theme is somewhat fixed and doesn't look too bad now, but doing it the way that he has with the default header files has screwed up every other style on his board. :(

I might stay out of this one I think!  :mryellow:[/ot]

me aswell. since he´s got help from another themebuilder.

Anyway the server srewes up to much lately


-----------------------------------
Lopalong
Mon 24 Aug, 2009 00:15

Re: Problem With Header Image
-----------------------------------
Well mate, someone changed this in the header <table width="980" to 100%?

And if one is NOT getting feedback on the changes being made by "Others" who don't subscribe to this thread - Then I see no point in discussing it.  :(


-----------------------------------
spydie
Mon 24 Aug, 2009 00:18

Re: Problem With Header Image
-----------------------------------
I just saw this in his CSS

[code]#global-wrapper {



	width: 70% !important;

	clear: both;

	margin: 0 auto;

[/code]

no feedback

Edit:

somebody is playing around there.

no it´s back to 980px


-----------------------------------
Marfo
Mon 24 Aug, 2009 14:25

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43344"]I just saw this in his CSS

[code]#global-wrapper {



	width: 70% !important;

	clear: both;

	margin: 0 auto;

[/code]

no feedback

Edit:

somebody is playing around there.

no it´s back to 980px[/quote]

I'm sorry I have some problem with internet in this days

this is my overall_header, overall_footer and style_p_white.css

if you need something say me and I will modify it online 

I have modified to 980px again because using the header to dim = 930px it works and using % I don't know what is the dim Max that I can use


-----------------------------------
spydie
Mon 24 Aug, 2009 15:18

Re: Problem With Header Image
-----------------------------------
[quote user="Marfo" post="43356"]
I'm sorry I have some problem with internet in this days
[/quote]

That´s probably not you.

It´s this server that goes down every time.

I´ll have a look on your template.
But i would prefer that you pack the hole template up and post it here.
that´s easier to have a look at, cause i prefer to test localy on my local server


-----------------------------------
Marfo
Mon 24 Aug, 2009 16:19

Re: Problem With Header Image
-----------------------------------
[quote user="spydie" post="43358"][quote user="Marfo" post="43356"]
I'm sorry I have some problem with internet in this days
[/quote]

That´s probably not you.

It´s this server that goes down every time.

I´ll have a look on your template.
But i would prefer that you pack the hole template up and post it here.
that´s easier to have a look at, cause i prefer to test localy on my local server[/quote]

here you are^^

this is the entire pearl folder that i have on my forum whit the images and i've added 2 screen of my global block in CMS that i'm using for the header now and the overall_header and overall_footer present in the default directory, it works now but if I change the width in the html code and i use for example 980px the problem come back again!


-----------------------------------
Chaotic
Mon 24 Aug, 2009 21:34

Re: Problem With Header Image
-----------------------------------
Sorry for not following this topic, but I'm moving this to the Templates and Styles forum where it should be.

I hope all members involved find the location OK.  :)

Carry on.


-----------------------------------
spydie
Tue 25 Aug, 2009 00:36

Re: Problem With Header Image
-----------------------------------
Thanks Chaotic

Edit:

Marfo. I´ve installed the theme like you posted it on my local test server.

There´s a lot of thing´s going wrong with it.

1. the background gif does´nt show up
2. the logo image does´nt show up

checked everything and both files exist in images folder.

look´s like we´ve got to override some default thing´s


-----------------------------------
Lopalong
Tue 25 Aug, 2009 05:06

Re: Problem With Header Image
-----------------------------------
Paths are wrong in the .css :(

Anyway:

@ Marfo Try the one in the zip, at least we will then all be looking at the same thing.

Rename your current /templates/pearl folder to something else - Upload the folder in the zip using binary with your ftp.

Currently the one in the .zip has NO Errors and NO Warnings. And I re-did the header slightly. ;)

And by the way - There is a limit as to how much you can reduce the width, and from memory - it's 82% or 820px - At the moment it's set to 800px.


-----------------------------------
Marfo
Tue 25 Aug, 2009 14:53

Re: Problem With Header Image
-----------------------------------
[quote user="Lopalong" post="43383"]Paths are wrong in the .css :([/quote]
yes in the .css i've used the complete path because i'm not sure if it takes only /templates/pearl/etc  without http://aboliamo.netsons.org

[quote user="Lopalong" post="43383"]
Anyway:

@ Marfo Try the one in the zip, at least we will then all be looking at the same thing.

Rename your current /templates/pearl folder to something else - Upload the folder in the zip using binary with your ftp.

Currently the one in the .zip has NO Errors and NO Warnings. And I re-did the header slightly. ;)

And by the way - There is a limit as to how much you can reduce the width, and from memory - it's 82% or 820px - At the moment it's set to 800px.[/quote]
thanks
I've done it but how can i cange the dimension of the header image??
i must change it using the .css??


-----------------------------------
Lopalong
Tue 25 Aug, 2009 16:32

Re: Problem With Header Image
-----------------------------------
[quote user="Marfo" post="43396"]
I've done it but how can i cange the dimension of the header image??
i must change it using the .css??[/quote]

You can't force your banner image width in the css, you have to do it in the html.

Just replace the two files in the attached .zip - and I'll have a look at your site tomorrow. ;)


-----------------------------------
Marfo
Thu 10 Sep, 2009 13:44

Re: Problem With Header Image
-----------------------------------
I'm Sorry if I reopen this topic but the problem isn't fixed at all.


when I open the screen to reply to a mp the problem come back!!!

i've not modified the code posted by Lopalong!


-----------------------------------
Lopalong
Fri 11 Sep, 2009 05:50

Re: Problem With Header Image
-----------------------------------
It's taken you a LONG time to get back with this? And yes it is a problem.

Do a search for reducing themes to 80% and try to fix yourself first.


-----------------------------------
Marfo
Fri 11 Sep, 2009 14:05

Re: Problem With Header Image
-----------------------------------
I'm Really sorry But I've got some big problem with my family and I Had to leave all until yesterday
ok thanks for the advise

EDIT: I've found it and I think that I've fixed the problem, thank you all for the Help