T
Torn
Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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;
}
