|
Page 1 of 3
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 [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
Last edited by Marfo on Sun 13 Sep, 2009 11:21; edited 1 time in total |
#1 Fri 21 Aug, 2009 14:14 |
|
Sponsors

|
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.
|
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 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
____________ Out of Order
|
#2 Fri 21 Aug, 2009 14:38 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 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
this is the complete style_p_white.css code
@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; }
can you suggest me how to fix??
|
#3 Fri 21 Aug, 2009 14:50 |
|
Inactive User
|
 Re: Problem With Header Image
In your overall header you have:
<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.
That's a start! that will / should at least stop a lot of things from overlapping.
|
#4 Sun 23 Aug, 2009 13:22 |
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 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.
____________ Out of Order
|
#5 Sun 23 Aug, 2009 13:29 |
|
Inactive User
|
 Re: Problem With Header Image
I edit "His" html and .css on line - to see what changes take effect.
Might let you onto this trick one day.
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.
|
#6 Sun 23 Aug, 2009 13:42 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 Re: Problem With Header Image
In your overall header you have:
<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">
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
In the overall footer:
Find class="min250" X 2: and remove both of them.
[/code]
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??
Description: |
Overall_header.tpl in my /templates/default directory |
 Download |
Filename: |
overall_header.rar |
Filesize: |
1.82 KB |
Downloaded: |
265 Time(s) |
|
#7 Sun 23 Aug, 2009 17:10 |
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 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
#global-wrapper {
width: 980px !important;
clear: both;
margin: 0 auto;
I´m not shure, but i´d like to point this out
____________ Out of Order
|
#8 Sun 23 Aug, 2009 17:50 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 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
#global-wrapper {
width: 980px !important;
clear: both;
margin: 0 auto;
I´m not shure, but i´d like to point this out
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???
|
#9 Sun 23 Aug, 2009 18:01 |
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 Re: Problem With Header Image
decomend that again.
try replacing 980 px for 80%
tell me what happens
____________ Out of Order
|
#10 Sun 23 Aug, 2009 18:04 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 Re: Problem With Header Image
decomend that again.
try replacing 980 px for 80%
tell me what happens
it works! but if i open my prefered sites on the left the problem return
|
#11 Sun 23 Aug, 2009 18:23 |
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 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
____________ Out of Order
|
#12 Sun 23 Aug, 2009 21:22 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 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
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
|
#13 Sun 23 Aug, 2009 21:41 |
|
spydie 
Joined: December 2008
Posts: 1796
Location:  In the Boxes
|
 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
____________ Out of Order
|
#14 Sun 23 Aug, 2009 21:44 |
|
Marfo 
Joined: July 2009
Posts: 49
Location:
|
 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
ok thanks ^^
but if I use 980 like forum table dim the dim max that i can use is 930
|
#15 Sun 23 Aug, 2009 21:48 |
|
|
Page 1 of 3
|
Was this topic useful?
Was this topic useful?
Link this topic |
URL |
|
BBCode |
|
HTML |
|
You cannot post new topics You cannot reply to topics You cannot edit your posts You cannot delete your posts You cannot vote in polls You cannot attach files You can download files You cannot post calendar events
|
|
|
|