Banner 468x60 non si allinea al logo

24-06-2011, 11.21.24

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>








  <!-- left+right bottom shadow -->
  <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...

**puntodidomanda** · 25-06-2011, 18.44.56

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>

Discussione: Banner 468x60 non si allinea al logo

LinkBack

Strumenti discussione

Display

Banner 468x60 non si allinea al logo

Regole di scrittura