Wordpress: allineamento logo

[alexdelli]

salve, ho un blog con wordpress, ma non riesco ad allineare il logo con il testo.
Adesso è così http://www.ilguano.com
ma io vorrei che le scritte di fianco al logo siano allineate alla base del logo e non al centro.

questo è il codice:

<!-- BeginHeader -->
<div id="masthead">
    <div id="logo">
            <h1 class=""><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>"><?php if(get_option('gpp_logo_off')=="true") { bloginfo('name'); } else { ?><img class="title" src="<?php if ( get_option('gpp_logo') <> "" ) { echo get_option('gpp_logo').'"'; } else { bloginfo('stylesheet_directory'); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /><?php } ?></a></h1>
           
            <div class="description"><?php bloginfo('description'); ?></div>
    </div>


	<div class="feed"><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<abbr title="Really Simple Syndication">Subscribe</abbr>'); ?></a>  | <?php wp_loginout(); ?></div>
	</div>
</div>
<div class="clear"></div>

<?php include ('nav.php'); ?>
<!-- EndHeader -->

 

[alessandro1997]

Prova ad aggiungere nel CSS la proprietà clear: right all'h1.

 

[Eliox]

Discussione più adatta alla sezione CMS, la sposto in modo dove potrebbe essere trovata più facilmente dagli utilizzatori di WP.

 

[alexdelli]

body {background:#fff url(images/fading_bg.gif) repeat-x top left;}
#top {width:950px;height:50px;margin:0px auto 1px auto;padding:0;}
#masthead {float:left;display:block;padding:0;width:950px;margin-left:0}
#masthead #logo {float:left;}
#masthead #logo h1 { margin:25px 0 0; padding:0; font-weight: bold; letter-spacing: -1px;font-size:3.4em; text-transform: uppercase; float: left;line-height:0}
#masthead h1 a { color: #333; text-decoration: none;}
#masthead h1 a:hover {color:#444;}
#masthead #logo .description {margin:25px 25px 0;font-size:1em; padding:0; color:#000;float:left;}
.login {float:right;margin:26px 20px 0 0;color:#000}
#top .feed {float:right;margin:26px 0px 0 3px;padding: 0 0 0 16px;background: url("images/rss.png") no-repeat 0 50%;}

Questo è il pezzo di css dell'header..... ho provato ad aggiungere clear, ma non funziona, forse ho sbagliato posizione?

 

[alessandro1997]

Veramente io non vedo nessun clear, lì... correggi così:

body {background:#fff url(images/fading_bg.gif) repeat-x top left;}
#top {width:950px;height:50px;margin:0px auto 1px auto;padding:0;}
#masthead {float:left;display:block;padding:0;width:950px;margin-left:0}
#masthead #logo {float:left;}
#masthead #logo h1 { margin:25px 0 0; padding:0; font-weight: bold; letter-spacing: -1px;font-size:3.4em; text-transform: uppercase; float: left;line-height:0; clear: right;}
#masthead h1 a { color: #333; text-decoration: none;}
#masthead h1 a:hover {color:#444;}
#masthead #logo .description {margin:25px 25px 0;font-size:1em; padding:0; color:#000;float:left;}
.login {float:right;margin:26px 20px 0 0;color:#000}
#top .feed {float:right;margin:26px 0px 0 3px;padding: 0 0 0 16px;background: url("images/rss.png") no-repeat 0 50%;}

 

[alexdelli]

ti ringrazio
non funziona con il clear... allora ho messo margine 3 px anzichè 25 e adesso funziona.


meglio così, grazie cmq!

 

[alessandro1997]

Strano, io ho provato in live sul tuo sito con Firebug e mi funzionava!