tengo un problema con la imagen que es un PNG con espacio a la izquierda para que quede centrada!,
este es el codigo del head
Código HTML:
<div id="wrap"> <div id="header"> <div class="headerleft"> <p id="title"><a href="<?php echo get_option('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a></p> </div> <div class="headerright"> <div id="navtop"> <ul class="ot-menu"> <?php $include_pages = ot_option('include_pages'); ?> <?php wp_list_pages('title_li=&sort_column=menu_order&include='.implode(',', $include_pages)); ?> </ul> </div> </div> </div>
Código HTML:
#header {
background: #333333;
width: 960px;
height: 150px;
margin: 0px auto 0px;
padding: 0px;
}
#header h1 {
color: #333333;
font-size: 36px;
font-family: Helvetica, Arial, Trebuchet MS, Verdana;
font-weight: normal;
margin: 0px;
padding: 20px 0px 0px 0px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #333333;
font-size: 36px;
font-family: Helvetica, Arial, Trebuchet MS, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#header h1 a:hover {
color: #333333;
text-decoration: none;
}
.headerleft {
width: 480px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.headerleft p {
color: #333333;
font-size: 14px;
margin: 0px;
padding: 0px;
line-height: 20px;
}
#headerimg {
float: left;
display: block;
background: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 20px 15px 0px 0px;
width: 110px;
height: 100px;
}
.headerright {
float: right;
display: block;
background: none;
width: 480px;
z-index: 8;
}
por q se ve cortada la imagen del logo?
cuando la achico se ve completa es como que llega a un ancho yse tapa despues


