[css]allineare tre immagini

[giorgiotave]

Ragazzi ho un problema

devo allineare 3 immagini contenuti tutti nell'header in modo che la prima sia allineata a sinistra la seconda nel mezzo e la terza a destra

ora voi direte non ce mica bisogno dei css

Invece si perche la prima e la terza devono attaccarsi al margine della pagina

ecco il mio foglio di stile

#testata{
width:100%;
margin : 0;
paddin: 0;
align:center;
background : #fff;
font : 120% arial,verdana,sans-serif;
}

#sinistra{
align:left;
}

#centrale{
}

#destra{
align:right;
margin: 0;
}

ed ecco la pagina

<h1 id="testata">
<span id="sinistra">[img]sinistra.jpg[/img]</span> 
<span id="centrale">[img]centrale.jpg[/img]</span>
<span id="destra">[img]destra.jpg[/img]</span>
</h1>

Vi ringrazio anticipatamente

[Marcolino's]

Originariamente inviato da giorgiotave
Ragazzi ho un problema

devo allineare 3 immagini contenuti tutti nell'header in modo che la prima sia allineata a sinistra la seconda nel mezzo e la terza a destra

ora voi direte non ce mica bisogno dei css

Perché no?

Invece si perche la prima e la terza devono attaccarsi al margine della pagina

ecco il mio foglio di stile

#testata{
width:100%;
margin : 0;
paddin: 0;
align:center;
background : #fff;
font : 120% arial,verdana,sans-serif;
}

#sinistra{
align:left; /* cvos'è questo hai reinventato i css? */
float: left;
}

#centrale{
clear: left; /* per riallineare */
width: 100%;
}

#destra{
align:right; /* come sopra */
float: right;
margin: 0;
}

ed ecco la pagina

<h1 id="testata">
<span id="sinistra">[img]sinistra.jpg[/img]</span> 
<span id="destra">[img]destra.jpg[/img]</span>
<span id="centrale">[img]centrale.jpg[/img]</span>
</h1>

Vi ringrazio anticipatamente

Grazie i baci mi servono proprio

[giorgiotave]

Marcolino's Grazie per l'aiuto.....e scusa per i baci speravo in una lei

Scherzo


Cmq il codice le correzioni da te datemi non funzionano o meglio

ora l'immagine a destra è un po sotto rispetto alle altre...

[Marcolino's]

Originariamente inviato da giorgiotave
Marcolino's Grazie per l'aiuto.....e scusa per i baci speravo in una lei

Scherzo


Cmq il codice le correzioni da te datemi non funzionano o meglio

ora l'immagine a destra è un po sotto rispetto alle altre...

E' un inizio, dovrei riscriverti il codice, magari un'altra volta

[giorgiotave]

E' un inizio, dovrei riscriverti il codice, magari un'altra volta

Ti ringrazio per la risposta.......

Sto provando e sto cercando qualche guida per vedere come fare...


Ciao Ciao e Grazie Ancora

[zoom]

togli il width da #centrale

[giorgiotave]

non cambia non è quello

ci sono quasi riuscito in un modo sporco

non dal css esterno ma da dentro


<h1 id="testata"> l'ho impostato a destra e l'img a sinistra gli ho dato il float


ora vedo

Grazie