Banner 468x60 non si allinea al logo

Printable View

24-06-2011, 11.21.24

Banner 468x60 non si allinea al logo

Salve a tutti volevo inserire nell'header di un sito, a destra del logo il Banner di Altervista di dimensioni 468x60, quindi sono andato sotto Wordpress-Aspetto-Editor e dalla colonna di destra ho scelto header.php solo che in qualunque posizione lo mettessi (l'ho scritto anche preceduto da <div float=right> o <div class="miaclasse"> e poi su css ho scritto .miaclasse{float: right}) non è mai stato allineato con il logo, è sempre andato o sotto o sopra. Come posso fare per allinearli?
Questo è il codice del header.php:

Codice PHP:

<?php /* Mystique/digitalnature */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php //language_attributes('xhtml'); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php mystique_title(); ?></title> <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" /> <?php mystique_meta_description(); ?> <meta name="designer" content="digitalnature.ro" /> <?php if(WP_VERSION < 3.0): ?> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" /> <?php endif; ?> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" /> <?php wp_head(); ?> </head> <body class="<?php mystique_body_class() ?>"> <div id="page"> <div class="page-content header-wrapper"> <div id="header" class="bubbleTrigger"> <?php do_action('mystique_header_start'); ?> <div id="site-title" class="clear-block"> <?php mystique_logo(); ?></p> <?php if(get_bloginfo('description')): ?> <p class="headline"><?php bloginfo('description'); ?><?php endif; ?> <?php do_action('mystique_header'); ?> </div> <?php mystique_navigation(); ?> <?php do_action('mystique_header_end'); ?> </div> </div>  <div class="shadow-left page-content main-wrapper"> <div class="shadow-right"> <?php do_action('mystique_before_main'); ?>

Grazie in anticipo per le eventuali risposte :)

--------

C'è qualcuno che può aiutarmi?
Io sono riuscito a mettere il banner nell'header però non mi viene in linea con il logo personalizzato...
25-06-2011, 18.44.56
puntodidomanda

prova con tentativo ed errori, prima o poi "per sbaglio" lo posizionerai dove vuoi tu.
25-06-2011, 20.32.09

Con tentativi ed errori ci ho già passato una serata intera senza risolvere niente quindi se qualcuno avesse una soluzione gliene sarei grato :)
PS: grazie comunque per aver risposto :)
26-06-2011, 01.51.12

a che blog ti riferisci? perché su http://wildtec.altervista.org/ c'è qualcosa di rotto, mentre su http://wildtec.altervista.org/blog/ non vedo un 468, forse l'hai tolto. Inseriscilo all'interno del div header-logo (prima della chiusura), racchiuso a sua volta in un div con class="nomechevuoi". Una volta fatto, vediamo poi cosa serve modificare nel css per adattarlo.
26-06-2011, 12.22.37

no il blog è questo http://idevicehack.altervista.org/ ed è di un mio amico :)
27-06-2011, 11.23.44

allora inserisci il banner in un div all'interno del div con id=site-title. Poi a questo nuovo div assegna un float left con un po'di margin left e dovresti riuscire s sistemarlo. ovviamente non puoi allinearlo completamente perché il logo è alto 95px, mentre il banner 60.
27-06-2011, 11.40.34

Allora il codice che ho adesso è questo:

Codice:

<div id="site-title" class="clear-block"> <div class="bannerblog"><script type="text/javascript"> //<![CDATA[ document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script></div> <?php mystique_logo(); ?></p> <?php if(get_bloginfo('description')): ?> <p class="headline"><?php bloginfo('description'); ?><?php endif; ?> <?php do_action('mystique_header'); ?> </div>

e poi nel file style.css ho:

Codice:

.bannerblog{float: left; margin-left:425px;}

solo che come vedi nel blog non si allinea al logo ):
27-06-2011, 12.16.42

nel codice devi metterlo dopo il logo, e poi assegna a bannerblog anche width:470px e margin-left:10px
27-06-2011, 13.17.44

Perfetto ora funziona grazie mille :)

PS: se dovesse servire a qualcuno questi sono i codici che ci sono alla fine
file style.css:

Codice:

.bannerblog{float: left; width:470px; margin-left:10px; margin-top:25px;}

e il file header.php:

Codice:

<div id="site-title" class="clear-block"> <?php mystique_logo(); ?></p> <div class="bannerblog"><script type="text/javascript"> //<![CDATA[ document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script></div> <?php if(get_bloginfo('description')): ?> <p class="headline"><?php bloginfo('description'); ?><?php endif; ?> <?php do_action('mystique_header'); ?> </div>