Newsgroup: it.comp.www.html
Titolo: due immagini allineate nello stesso div..

e' possibile?
grazie
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 e' possibile?
Per favore, riporta nel corpo la domanda, anche se la fai nel subject.
Si`, e` possibile in vari modi. Puoi farle float:left; o (con alcuni 
browser e comunque da testare) renderle display:inline; o 
display:inline-block;
Tutto via css.
Bye.


 Tutto via css.
ok...hai ragione :)
ho provato con float left ma una viene affiancata a sinistra e l'altra 
sotto. In pratica quello che vorrei fare e' una pagina inserita in un 
div contenitore dentro il quale c'e' un div superiore nel quale dovrei 
mettere 3 immagini una centrata e le altre due ai fianchi.
con in float riesco a mettere ovviamente quella a sinistra ma la 
centrale non e' centrate e' sempre spostata verso destra.
Si centra in base alla foto di sinistra e non al contenitore vero?
grazie mille


 Si centra in base alla foto di sinistra e non al contenitore vero?
Ho letto tre volte questo messaggio, ma non riesco a capire cosa vuoi 
fare... :/
Se la tua pagina e` cosi`:
<body>
 <div id="contenitore">
  <div id="sopra">
   <img id="1">
   <img id="2">
   <img id="3">
  </div>
  <div id="pagina">
  </div>
 </div>
</body>
Ti basta dichiarare "1", "2" e "3" come float:left, "sopra" come 
float:left, "pagina" come clear:both (o clear:left).
Se invece vuoi che "2" sia centrato, "1" a sinistra e "3" a destra devi 
cambiarlo un po':
<body>
 <div id="contenitore">
  <div id="sopra">
   <img id="1">
   <img id="3">
   <img id="2">
  </div>
  <div id="pagina">
  </div>
 </div>
</body>
Quindi dichiari "1" float:left, "3" float:right, "2" margin:0,auto e lasci 
"sopra" come float:left e "pagina" con clear:both
Per tutti i float devi SEMPRE dichiarare il width e il display:block, 
altrimenti hai problemi con alcuni browser.
Se non e` cosi`, spiega meglio cosa vuoi fare, anche con un disegnino in 
ascii (con font a spaziatura fissa), o linka una jpg da qualche parte.
Bye.


 
ho seguito le tue istruzioni...ma non riesco assolutamente :O
questo float mi manda ai pazzi...mi puoi indicare quale buon tutorial e 
qualche spiegazione per il float ? anche facendo le cose come mi hai 
detto ho difficolta'.
grazie mille.


 detto ho difficolta'.
http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/
In generale, segui il sito o iscriviti al feed, perche` e` pieno di
raccolte di trucchi, materiale gratuito, guide, tutorial, ecc. nel campo
web.
Bye.


Alessandro Pellizzari ha scritto:

grazie...
scusa la domanda , ma sono il solo ad avere difficolta' nell'utilizzo 
del float e del clear?
ciao :)


 del float e del clear?
No. Per loro natura, i float sono un concetto abbastanza complicato, e
poco conosciuto nel mondo web fino a un paio di anni fa.
La cosa piu` complicata e` capire che fanno uscire un oggetto dal flusso
della pagina. Quell'oggetto e` come se non ci fosse piu` nel flusso
logico, ma occupa spazio che gli altri oggetti tentano di evitare.
Inoltre Explorer ha sempre avuto problemi a gestirli, prima col box model
sbagliato, poi con arrotondamenti strani, poi con bordi inventati, quindi
la gente non e` mai stata contenta di usarli, e molti ripiegavano sulle
table per gli allineamenti (che guardacaso in IE funzionano
perfettamente). E siccome aveva il 95% del mercato, e` rimasta cosi` la
situazione.
Ora IE sta scendendo verso il 60% del mercato, e AJAX praticamente ha
costretto la MS a rilasciare IE7 piu` adeguato agli standard, visto che
gran parte degli effetti grafici si basano su div, css e javascript
standard.
Coi CSS3 si stanno studiando sistemi di layouting piu` sofisticati, ma
passeranno almeno 3-4 anni dall'uscita ufficiale, perche` i browser (leggi
IE) lo adottino.
Se IE scendesse sotto il 20%, probabilmente potremmo avere i CSS3 in tutti
i browser a 2-3 mesi dall'uscita delle specifiche (visto che FF e Safari
gia` implementano alcune caratteristiche anche se non ancora
ufficializzate), rendendo il lavoro dei webdesigner piu` semplice.
