- Desde
- 27 Mar 2008
- Mensajes
- 19
Hola amigos, aqui mis dudas
1. Como hago para que el Header, me quede completamente en el centro, ya intente de todo y nada, en la captura no sale completo la imagen hasta donde se estiende pero es mas larga, mide 785px les dejo la imagen y los Codigos
Mira les dejo el cod de Definición Adicional de CSS, a ver si alguien me ayuda a que me quede centrada
El Stilo que uso se llama CENTURA.
1. Como hago para que el Header, me quede completamente en el centro, ya intente de todo y nada, en la captura no sale completo la imagen hasta donde se estiende pero es mas larga, mide 785px les dejo la imagen y los Codigos
Mira les dejo el cod de Definición Adicional de CSS, a ver si alguien me ayuda a que me quede centrada
PHP:
/* ***** 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 {
border: 1px solid #1e2930;
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; }
/* ***** Begin eXtremepixels custom CSS properties ***** */
/* ***** used to create shadow affect for sides ***** */
#brd_in {
border-left: 1px solid #2d3842;
border-right: 1px solid #2d3842;
}
/* ***** used to create shadow affect for sides ***** */
#brd_outer {
border-left: 3px solid #343f49;
border-right: 3px solid #343f49;
}
/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: url(centura/misc/header_logo.gif);
width: 785px;
height: 180px;
float: left;
margin: 0;
padding: 0;
background-position: top center;
}
/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #F3F5F5 url(centura/misc/header_back.gif) ;
width: 0%;
height: 180px;
margin: 0;
padding: 0;
}
#hdr_body_ls {
background: #F3F5F5 url(centura/misc/header_body_ls.gif) ;
width: 0px;
height: 180px;
float: left;
margin:0px;
padding: 0px;
}
/* ***** SETS HEADER RIGHT SIDE AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#hdr_rs {
background: url(centura/misc/header_rs.gif);
width: 0px;
height: 180px;
float: left;
padding: 0;
}
/* ***** NAVIGATION BOTTOM ***** */
#nav_btm {
background: url(centura/misc/nav_btm.gif);
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}
/* ***** used for navigation background ***** */
#nav_back {
background: #F1F2F2 url(centura/misc/nav_background.gif);
width: 95%;
height: 22px;
margin: 0;
padding: 0;
}
#nav_ls {
background: #F1F2F2 url(centura/misc/nav_ls.gif);
width: 18px;
height: 22px;
float: left;
margin: 0;
padding: 0;
}
#nav_rs {
background: #F1F2F2 url(centura/misc/nav_rs.gif);
width: 22px;
height: 22px;
float: right;
margin: 0;
padding: 0;
}
/* ***** rounded corners - TOP of page ***** */
#round_top_ls {
width: 38px;
height: 24px;
margin: 0;
padding: 0;
float: left;
}
#round_top_main {
background: #2c3841;
width: 100%;
height: 24px;
margin: 0;
padding: 0;
}
#round_top_rs {
width: 38px;
height: 24px;
margin: 0;
padding: 0;
float: right;
}
/* ***** rounded corners - BOTTOM of page ***** */
#round_btm_ls {
width: 38px;
height: 24px;
margin: 0;
padding: 0;
float: left;
}
#round_btm_main {
background: #2c3841;
width: 100%;
height: 24px;
margin: 0;
padding: 0;
}
#round_btm_rs {
width: 38px;
height: 24px;
margin: 0;
padding: 0;
float: right;
}
.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #29363f;
border-top: 1px solid #1d282f;
border-right: 2px solid #1d282f;
border-left: 1px solid #1d282f;
border-bottom: 2px solid #1d282f;
margin-bottom: 3px;
}
.announce_l {
background: #26323a;
color: #cdd0d3;
border-left: 1px solid #44525c;
border-top: 1px solid #44525c;
}
.announce_r {
background: #2c3841;
color: #cdd0d3;
border-left: 1px solid #44525c;
border-top: 1px solid #44525c;
}
.stuck {
background: #2c3841;
color: #cdd0d3;
border-left: 1px solid #44525c;
border-top: 1px solid #44525c;
}
.spacer {
padding: 7px 7px 7px 7px;
}
/* ***** used to 1 px sides for bottom category etc ***** */
.hdr_spacer {
padding: 4px 4px 4px 4px;
}
/* ***** Navigation Link Text Properties ***** */
.h_nav {
color: #2c3841;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.h_nav a:link
{
color: #2c3841;
text-decoration: none;
}
.h_nav a:visited
{
color: #2c3841;
text-decoration: none;
}
.h_nav a:hover, .h_nav a:active
{
color: #3d4c57;
text-decoration: none;
}
