Something with Iskin Header

pmt

New Member
made banner (840 x 130)
But like 1/4 of the picture is missing
Now i was looking for how to change it and i found something in the CSS of the template:

Code:
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }


/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #FFFFFF url(iSkin/misc/header.jpg) ;
width: 100%;
height: 90px;
	margin: 0;
	padding: 0; 
}

/* ***** dispalys 1 px border around header area - No need to change this ***** */
#hdr_bdr {
border-left: 1px solid #597DC3;
border-right: 1px solid #597DC3;
margin: 0;
padding: 0; 
}

/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: url(iSkin/misc/header.jpg);
width: 110px;
height: 107px; 
float: left;
	margin: 0;
	padding: 0; 
}

/* ***** used to create shadow affect for sides ***** */
#brd_in {
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

/* ***** used to create shadow affect for sides ***** */	
#brd_outer {
border-left: 4px solid #f1f1f1;
border-right: 4px solid #f1f1f1;
}



/* ***** used for navigation background ***** */
#nav_back {
background: #FCFCFC url(iSkin/misc/nav_back.gif);
width: 100%;
height: 29px;
}

/* ***** used to 1 px sides for bottom category etc  ***** */
.ftr_bdr {
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
margin: 0;
padding: 0; 
}

.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
}

.announce_l {
background: #e3eefb;
color: #6C737A;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.announce_r {
background: #e9f1fa;
color: #6C737A;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.stuck {
background: #e9f1fa;
color: #6C737A;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.spacer {
padding: 7px 7px 7px 7px;
}
 

pmt

New Member
Also changed height to 130px; but that does not work either, originally it was on 90px;.

If someone knew this problem help would be appreciated
 
Top