Problema con altura del header en theme modificado

  • Autor Autor Combex
  • Fecha de inicio Fecha de inicio
Combex

Combex

Gamma
Redactor
Alguien podra ayudarme con esto? Hoy estoy muy pedigüeño 😀

Enlace eliminado

Como veran en el screen, el theme original traia un header muy alto que modifique y lo hice mas bajo. El problema es que al reemplazar la imagen se separaron las dos partes del header y en definitiva al quedar esos espacios, el header ocupa el mismo alto.

Como puedo hacer para unirlos y que las entradas comiencen justo debajo del header para ahorrar espacio?

Gracias!!
 
Modificaste el tamaño (alto) del header en style.css?
 
Gracias Publi sos un genio!!!

Ahora lo que me faltaria es poder subir un poco el contenido y reducir el espacio que quedó. Intenté buscarlo en el css como me dijiste para el header pero no lo encontré.

Por las dudas si alguien sabe lo copio aqui:

Insertar CODE, HTML o PHP:
/**************** Body *********************/
* { margin:0; padding:0;}
body { font-size: 9pt; font-family: Arial,sans-serif; color: #333; line-height: 140%; background:#50504f; }
#wrapper { margin: 5px auto; padding: 0px; width: 964px; background: #fff url(images/wrapper_top.gif) no-repeat top; }
#top { margin: 0px auto; padding: 20px 0 0 0; width:938px; height: 180px; }
 
/**************** Header *********************/
#header {margin:0;padding:0; width:938px;}
#header h1 {text-indent:-10000px;margin:0;padding:0;}
#header h1 a {display:block;background:url(images/header.gif) no-repeat left;height:126px;}
 
/**************** Navigation *********************/
#navbar { margin: 0px auto; padding: 0px; width:938px; height: 31px; background: url(images/navbar.gif) no-repeat;}
#menu {margin: 0px; padding: 0px; float: left; width: 500px; height:31px;line-height:31px;}
ul.menu{float:left;list-style:none;font-size:12px;font-weight:normal;text-transform:uppercase;margin:0 0 0 5px;padding:0;}
ul.menu li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited{border-bottom:0;border-left:0;color:#333;float:left;display:block;text-decoration:none;padding:0 5px;}
ul.menu li a:hover,ul.menu li a:active{background:#fff;color:#555;text-decoration:none; color:#336699;}
ul.menu li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.menu li ul{float:left;margin:0;padding:0;}
 
/**************** Search *********************/
#searchrss { margin: 0px; padding: 0px; float: right; width: 420px; text-align:right; }
#rss { color:#333; float:left; line-height:32px; background:url(images/rss.gif) no-repeat left; padding-left:20px; padding-right:10px; font-size:11px;}
#rss a,#rss a:link, #rss a:visited {  color:#333; text-decoration: none; padding:0;} 
#rss a:hover { color: #0e4761; text-decoration: none; padding:0;}
#topsearch { float:right; width: 230px; height: 22px; font-size:8pt; background: url(images/bg_search_box.gif) no-repeat; margin:5px 0 0 0; }
#topsearch #ls { float: left; padding: 0; margin: 3px 0 0 6px; border: 0; width: 145px; font-size:8pt; background: none; }
#topsearch #go { float: right; margin: 0 6px 0 0; }
 
/**************** Content *********************/
#main { margin: 0px auto; padding: 10px 0 0 0; width:938px; background:url(images/mainbkg.gif) repeat-y;}
#content { margin: 0px; padding: 0px; float: left; width: 735px;}
 
/**************** Themes *********************/
#lsidebar { margin: 0px; padding: 0px; float: left; width: 235px; }
.lsidebar { margin:0; padding:0;float: left; width: 210px; }
.lsidebar a, .sidebar h2 a:visited{ color: #666; text-decoration: none; font-weight:bold; }
.lsidebar a:hover{ text-decoration: none; color: #000; }
.lsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.lsidebar ul li{ margin: 0 0 20px; }
.lsidebar ul li h2{ padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/lsidebarh2.gif) no-repeat;}
.lsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.lsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.lsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.lsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.lsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
 
/**************** Entry *********************/
 
.entry { margin: 0px; padding: 0px; float: right; width: 500px; }
.entry a, .entry a:link  {  color:#666; text-decoration: none; padding:0; border-bottom:1px dotted #006699; font-weight:bold;} 
.entry a:hover, .entry a:visited { color: #336699; text-decoration: none; padding:0;}
.entry h2 { font-size:17px; margin:0; padding:0 0 5px 0;}
.entry p {margin:0; padding:0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line { background:url(images/dot.gif) repeat-x; margin:10px 0 0 0; padding:0 0 20px 0; }
 

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #f3f2ed}
code {font-size:1.0em;color: #000}
 
/**************** Comments *********************/
#commentsbox { margin: 0px; padding: 0px; float: left; width: 500px; font-size:11px;}
#comments h2{margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
h3 #respond  {margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
.boxcomments{margin-bottom:20px;width:500px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0; }
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f2f8ff;}
ol.commentlist li.mycomment{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f3fdff;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}
 

/**************** Sidebar *********************/
#sidebar { margin: 0px; padding: 0px; float: right; width: 200px; }
.rsidebar { margin:0; padding:0;float: right; width: 180px; }
.rsidebar a, .sidebar h2 a:visited{ color: #666; text-decoration: none; font-weight:bold; }
.rsidebar a:hover{ text-decoration: none; color: #000; }
.rsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.rsidebar ul li{ margin: 0 0 20px; }
.rsidebar ul li h2{ padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/sidebarh2.gif) no-repeat;}
.rsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.rsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.rsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.rsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.rsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
 
/**************** Footer *********************/
#footer { margin: 0px auto; padding: 0px; width:938px; height: 31px; line-height:31px; background: url(images/navbar.gif) no-repeat; clear:both }
#footer a,#footer a:link,#footer li a:visited{border-bottom:0;color:#333;text-decoration:none;}
#footer a:hover,#footer a:active{color:#000;text-decoration:none;}
.footer{ margin:0; padding:0 0 0 10px; float:left;}
.top{ margin:0; padding:0 10px 0 0; float:right;}
#wrapper_ { margin: -20px auto; padding: 0 0 20px 0; width: 964px; height:20px; background:transparent url(images/wrapper_bottom.gif) no-repeat top; }
 
/*.widget_nextgenimage h2 { display:none;}*/
.ngg-widget { text-align:center; padding: 4px 11px 10px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; line-height:150%;}

EDIT: Asi se ve actualmente
Enlace eliminado
 
Última edición:
Podrías subir también el código de header.php para ver a que id corresponde cada estilo...
 
Insertar CODE, HTML o PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="header"><h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
<div id="title"></div>
</div>
<div id="navbar">
<div id="menu">
<ul class="menu">
<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Inicio<?php echo $langblog;?></a></li>
		<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>
</div>
<div id="searchrss">
<div id="rss"><a href="http://feeds.feedburner.com/tu_codigo_feedburner">Feed</a> | <a href="http://feeds.feedburner.com/tu_codigo_feedburner">SubscrÃ*bete vÃ*a Email</a></div>
<div id="topsearch">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input type="text" value="Búsqueda..." name="s" id="ls" onfocus="if (this.value == 'Búsqueda...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Búsqueda...';}" class="swap_value" />
<input type="image" src="<?php bloginfo('template_url'); ?>/images/btn_search_box.gif" id="go" alt="Búsqueda" title="Búsqueda" />
</form>
</div>
</div>
</div>
<br clear="all" />
<div id="main">
<div id="content">

Gracias :$
 
Debes modificar también el alto de #top que actualmente es de 180px

#top { margin: 0px auto; padding: 20px 0 0 0; width:938px; height: 180px; }

No olvides revisar el alto de header y modificarlo aqui:
#header h1 a {display:block; background:url(images/header.gif) no-repeat left; height:126px;}
 
Última edición:
Gracias Publi!!!

Me salvaste la vida!!

Problema archiresuelto
 
Atrás
Arriba