allineamento pubblicità con i css

[DiegoFilippo]

ho un banner di pubblicità messo nel mio sito, il problema è questo:

<div id="pubblicita" align="right">

togliendo l'align, il baner mi ritorna a sinistra, ma nel css c'è position : right

poi vorrei che tra il menu e il banner ci fossero 10px di spazio, quindi ho messo margin-top : 10px, ma niente

qualche suggerimento?

[carlogh]

position: right non è una regola valida in css. In ogni caso metti un po' più di codice, così capiamo meglio

[DiegoFilippo]

html

<div id="pubblicita" align="right">
</br>
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=120X600/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</div>

css

div#pubblicita {
margin-right: 5px;
margin-top: 20px;
position: rigth;
text-align: rigth;
}

allora come faccio per allinearlo?

[carlogh]

</br> in realtà è

rigth in realtà è right

comunque prova con:

div#pubblicita {
   margin-right: 5px;
   margin-top: 20px;
   float: right;
   text-align: right;
}

position: right non vuol dire niente, e forse il text-align puoi toglierlo ugualmente.
Non conoscendo il resto del codice del sito, non so se otterrai quello che vuoi.

[DiegoFilippo]

no, ora mi sballa tutto, ti metto il link http://lasezionez.altervista.org/index.html

[carlogh]

ok, ora è chiaro.
Fossi in te io farei queste modifiche:

a #container aggiungi la regola overflow: hidden; per evitare che il banner di destra ti vada oltre il contenitore.

a #navigation aumenterei la larghezza per rendere simmetrico il margine con la parte sinistra:

width: 750px;

e poi:

#pubblicita {
margin-right: 5px;
margin-top: 20px;
position: rigth;
}

in questo modo credo che tu ottenga quello che vuoi.

[DiegoFilippo]

continua a non lasciarmi lo spazio tra il banner e il menu, e se levo align="right" mi ritorna a sinistra

[carlogh]

c'è un errore nella regola che ti ho dato:

#pubblicita {
margin-right: 5px;
margin-top: 20px;
position: rigth;
}

ovviamente non è position: rigth (che è sbagliato in tutti i sensi) ma float: right. Avevo copiato e incollato male.
Per il resto segui quello che ti ho scritto nel mio messaggio precedente.

[DiegoFilippo]

ti assicuro che li ho messi giusti, ma continua a non andare

[carlogh]

mancano queste regole:

#pubblicita {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}

questo è il risultato che ottengo:



Uploaded with ImageShack.us