Newsgroup: it.comp.www.html
Titolo: Non mandare i div a capo

salve sto cercando di rimpiazzare le tabelle con i css, e quindi
esperimento :)
Ma ho un problema.
se metto 3 tag img uno affianco all'altro il browser se ha spazio li
visualizza uno a fianco all'altro e se non ha spazio manda a capo.
<img src="src" alt="test" title="test" width="160" height="116"
border="0">
<img src="src" alt="test" title="test" width="160" height="116"
border="0">
<img src="src" alt="test" title="test" width="160" height="116"
border="0">
come posso fare la stessa cosa con i div?
se faccio la stessa cosa con i div me li manda tutti a capo :(
<div class="test3"><img
src="
http://www.kt2k.com/screenshots/aedixsuite2.png
" alt="test"
title="test" width="160" height="116" border="0"></div>
<div class="test3"><img
src="
http://www.kt2k.com/screenshots/aedixsuite2.png
" alt="test"
title="test" width="160" height="116" border="0"></div>
lo fa se specifico float (come nel css qui sotto) ma io li voglio
centrati ed esiste solo float left right e none (css1 reference guide)
.test3 {
display: block;
width:200px;
padding:5px;
font: .70em verdana, helvetica, sans-serif;
margin:0px 10px 10px 0px;
border:1px solid #F93;
float: left;
}
Che mi suggerite?
Ciao
-- 
.     _  _______  ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_
  /| // /__  __/  Kirys <My e-mail is a working antispam e-mail>
 / |/ \   / /     Kirys Tech 2000: 
http://www.kt2k.com
/__|\__\ /_/ 2000 ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_ļ,ø*°`°*ø,ļ_

Il DIV č un modo di suddivisione di paragrafi... e di conseguenza va sempre
a capo (un po' come <P> che perņ va a capo anche prima, e quindi lascia una
riga).
Prova con <SPAN> che č l'equivalente del DIV in riga...
Leo.
PS: Probabilmente ho detto un mare di castronerie, ma a me fila tutto
liscio. :)

Usa <span> al posto di <div>.
--
Nello Polesello
Per le risposte in mail sono libero, non occupato.

Usa <span> al posto di <div>.
Il problema e' che se gli passo display: block; mi va a capo anche
span, mentre se non glielo passo il bordo non mi circonda limmagine
(in mozilla e co) su ie funge...


(in mozilla e co) su ie funge...
Descrivo meglio
Io voglio circondare le immagini con una casella in cui metto anche la
didascalia.
Le voglio affiancate e centrate nella pagina (per evitare di usare una
tabella per fare la "griglia"...
Le faccio quindi tutte delle stesse dimensioni e mi preoccupo io di
evitare che immagine e testo le facciano sforare.
Per quanto ne so io devo usare display:inline per ottenere
l'affiancamento, ma sotto mozilla come ho detto fa ignorare width e
height e mi circonda solo il testo...
Dove sbaglio?
allego codice
<style>
.miaclasse {
padding: 2px 2px 2px 2px;
width:180px;
height: 160px;
padding: 5px;
display: inline;
font: 0.9em verdana, helvetica, sans-serif;
margin:2px 2px 2px 2px;
border:1px solid blue;
background: silver;
}
</style>
<!-- Insert Your Page HERE -->
<span class="miaclasse"><img
src="
http://www.kt2k.com/screenshots/aedixsuite2.png
" alt="test"
title="test" width="160" height="116" border="0"> <br >Descrizione di
questa immagine</span>
<span class="miaclasse"><img
src="
http://www.kt2k.com/screenshots/aedixsuite2.png
" alt="test"
title="test" width="160" height="116" border="0"> <br >Descrizione di
questa immagine</span>


 evitare che immagine e testo le facciano sforare.
STOP alle telefonate! mettiamo fine e questo scempio
di codice HTML.
se ho capito bene trovi una cosa simile a
quello che vuoi fare qui:
http://www.alistapart.com/stories/practicalcss/
intanto leggi questo, poi se hai ancora dubbi
ritorna. :)
ciao.
-- 
email: 
goldic...@yahoo.it
web: 
http://www.deelan.com

ritorna. :)
beh quello usa float: left ma io le volevo centrate quindi sto punto e
a capo :P
Posso provare a innestare tutto in un div, provo :(
ma sarebbe bastato un float:center che pero' non esiste :(
Ciao


 height e mi circonda solo il testo...
beh e' giusto, perche' se scrivi display:inline transformi l'elemento in 
"inline", cioe' perdi alcune caratteristiche degli elementi "block-level".


non avrebbe guastato.
beh basta guardare irfanview o acdsee per avere un idea :)
http://spazioinwind.libero.it/kirys/foto1/index.html
soltanto che invece delle immagini voglio tanti layer che contengono
un po di roba :)
il tutto senza usare valori di top/left :)
ma credo che forse rinuncio e mi butto su una tabella :(
Ciao e grazie per l'interesamento.
Kirys
