Chuiso
Delta
Verificación en dos pasos activada
Tengo un problema editando el css de mi header. He modificado el header para que cuadre con el header del blog, ya que uno lleva el cms Wordpress y el foro SMF, pero en la plantilla soy incapaz de desplazar como yo quiero el logo a la izquierda del todo. Para poder modificarlo a mi antojo tengo que cambiar el porcentaje aquí:
.header_main
{
width: 74%;
text-align: left;
height: 71px;
background: #1a6291 url(../images/vertex_image/main_bg2.PNG);
background-repeat: repeat-x;
Al 74% se queda justo en el punto que coincide con el logo del blog, pero claro esto es un poco chapuza porque lo estoy cortando, y esos 50px que quedan a la izquierda del logo no sé de dónde salen, los he buscado por todos lados y nada. ¿Alguna ayuda? Dejo la parte del código:
Insertar CODE, HTML o PHP:
/* Styles for SMF Experts Theme - Theme by MLM from VisualPulse.net
------------------------------------------------------- */
.whole_shadow
{
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.header
{
width: 1004px;
background: url(../images/vertex_image/logg2.png);
text-align: center;
margin:0 auto;
}
.header_topbar
{
width: 73%;
height:6px;
padding-left: 191px;
background: #114f7e url(../images/vertex_image/topbar_bg2.PNG);
background-repeat: repeat-x;
}
.header_topbar_content
{
margin: 0 auto;
display: table;
padding-top: 4px;
width: 100%;
line-height: 36px;
color: [B]Enlace eliminado[/B]
font-weight: bold;
}
.header_topbar_content a:link, .header_topbar_content a:active, .header_topbar_content a:visited
{
color: [B]Enlace eliminado[/B]
text-decoration: none;
}
.header_topbar_content a:hover
{
color: [B]Enlace eliminado[/B]
}
.topbar_floatleft_holder
{
display: table-cell;
vertical-align: middle;
}
.topbar_avatar
{
height: 16px;
vertical-align: middle;
}
.topbar_floatright_holder
{
display: table-cell;
vertical-align: middle;
}
.social_icon
{
margin-left: 8px;
}
.header_main
{
width: 74%;
text-align: left;
height: 71px;
background: #1a6291 url(../images/vertex_image/main_bg2.PNG);
background-repeat: repeat-x;
}
.header_main_content
{
margin: 0 auto;
display: table;
width: 100%;
line-height: 36px;
}
.banner_logo
{
float: left;
width: 175px;
height: 73px;
padding-left: 1px;
padding-bottom: 61px;
}
.quick_search_holder
{
display: table-cell;
vertical-align: top;
padding-left:17px;
padding-top: 36px;
float: left;
}
.quick_search
{
width: 229px;
height: 26px;
background: [B]Enlace eliminado[/B]
border: 1px solid [B]Enlace eliminado[/B]
border-radius: 4px;
-moz-border-radius: 4px;
}
.quick_search_content
{
line-height: 26px;
display: table;
width: 100%;
}
.quick_search_field
{
display: table-cell;
vertical-align: middle;
padding-left: 1px;
}
#quick_search_field_text_input, #quick_search_field_text_input:hover, #quick_search_field_text_input:focus
{
float: left;
outline: none;
border: 0;
padding: 0;
background: none;
}
.quick_search_field_text_input_resting
{
color: [B]Enlace eliminado[/B]
font-style: italic;
}
.quick_search_context
{
display: table-cell;
vertical-align: middle;
}
#quick_search_context_choice
{
float: right;
padding: 1px 1px;
font-size: 8px;
line-height: 10px;
color: [B]Enlace eliminado[/B]
background: [B]Enlace eliminado[/B]
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
}
.quick_search_context_options
{
display: none;
position: absolute;
z-index: 5000;
padding: 5px 10px;
background: [B]Enlace eliminado[/B]
border: 1px solid [B]Enlace eliminado[/B]
border-radius: 2px;
-moz-border-radius: 2px;
}
.quick_search_context_options_ul
{
list-style: none;
margin: 0;
padding: 0;
}
.quick_search_context_item label, .quick_search_context_item input[type="radio"]
{
cursor: pointer;
margin: 0;
padding: 0;
}
.quick_search_token
{
float: right;
width: 26px;
height: 26px;
}
.quick_search_token_submit_input
{
width: 100%;
height: 100%;
border: none;
background: #28506f url(../images/vertex_image/quick_search_token_icon.png);
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.quick_search_token_submit_input:hover
{
background: #316288 url(../images/vertex_image/quick_search_token_icon.png);
border: none;
cursor: pointer;
}
.header_nav
{
width: 100%;
height: 35px;
background: #b4e5f9 ;
font-weight:bold;
background-repeat: repeat-x;
border-bottom: 1px solid [B]Enlace eliminado[/B]
}
.header_nav_content
{
margin: 0 auto;
display: table;
width: 100%;
line-height: 36px;
height: 32px;
}AÑADO QUE si lo pongo al 0%, efectivamente se queda pegado al borde izquierdo, y si lo pongo al 100%, a aprox 50px de nuevo. Me resulta raro y no sé que hacer para poder modificarlo de forma normal con un margin-left o algo así :S
Última edición:
