Newsgroup: it.lavoro.professioni.webmaster
Titolo: (banale) sui CSS

Sono all interno di una div diciamo un quadrato di 500px di lato.
all interno di questa div ci voglio caricare 5 immagini in fila da 100px
l'una
___________________________________
 ----------- -----------  ----------  ----------  ----------
||         ||          ||         ||          ||         ||
|| imm1 || imm2  || imm3||imm4   || imm5 ||
||         ||          ||         ||          ||         ||
||         ||          ||         ||          ||         ||
 ----------- -----------  ----------  ----------  ----------
___________________________________
bene
allora faccio
<div id="div_principale">
    <div id="div_immagine">immmagine1</div>
    <div id="div_immagine">immmagine2</div>
    <div id="div_immagine">immmagine3</div>
    <div id="div_immagine">immmagine4</div>
    <div id="div_immagine">immmagine5</div>
</div>
bene....
perchè le immagini vengono in colonna e non in riga?
qual''è la cavolata che sbaglio?
grazie
r.

 qual''č la cavolata che sbaglio?
i div vengono visualizzati come blocchi inoltre
gli id devono essere univoci, quindi non puoi ripetere per ogni div
id="div_immagine"
non si usano i div per assegnare uno stile, ma si va sullo specifico
in pratica, per la tua situazione fai cosě (ipotizzando che vuoi assegnare
uno stile di bordo 0 alle immagini):
<style type="text/css">
#div_principale img { border: 0px; }
</style>
<div id="div_principale">
    <img src="immmagine1">
    <img src="immmagine2">
    <img src="immmagine3">
    <img src="immmagine4">
    <img src="immmagine5">
</div>
--
visuddhi { info at visuddhi dot com } { icq# 44339752 }
if it is to be, it is up to me { 
www.visuddhi.com
 }
absolutely free, VisuBox { 
www.visuddhi.com/visubox
 }
CSS layout, 3 columns {
www.visuddhi.com/vstuff/l3cbuilder.asp
 }

 qual''č la cavolata che sbaglio?
Come ti ha detto Visuddhi i <div> sono elementi "a blocchi", quindi a meno
di specificare diversamente, questi vengono messi uno sotto l'altro.
Inoltre un gli id dei <div> devono essere unici: non puoi avere due id
uguali.
Piuttosto usa delle classi
Magari fai cosě
<div id="principale">
    <div class="immagine">immagine 1</div>
    <div class="immagine">immagine 2</div>
    ...
</div>
E nel CSS dichiari
.immagine { float: left; width: 100px }
Ricordati che se ci sono altri blocchi sotto "principale" devi dichiarare
(per il primo blocco successivo) clear: left;
Dovrebbe funzionare :)
Deep

Chiedo venia ad entrambi ma non riesco a trovare l'inghippo
Meglio di prima, ma ora le immagini si dispongono ancora:
Immagine uno
Immagine due Immagine tre
Invece che:
Immagine1, Immagine2, Immagine3 come vorrei io.
grazie mille ad entrambi
nel foglio ddi stile:
.sfondotitolo_lati2 {
width: 11px;
height: 23px;
z-index: 5;
float: left;
}
.sfondotitolo_marrone {
width: 238px;
height: 23px;
z-index: 5;
background-color: #CC6633;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 13 px;
text-align: center;
font-weight: bold;
color: White;
float: left;
}
.sfondotitolo_lati {
width: 11px;
height: 23px;
clear: left;
}
.colonna_dx_little_desc {
width: 300px;
z-index: 4;
}
nella pagina:
    <div class="colonna_dx_little_desc">
      <div class="sottofondotitolo_lati"><img src="images/homesx.gif"
alt="..." name="..."></div>
      <div class="sfondotitolo_marrone">........</div>
      <div class="sottofondotitolo_lati2"><img src="images/homedx.gif"
alt="....." name="....."></div>
    </div>

Vuoi questo?
CSS:
.principale {
width: 500px;
}
.img {
width: 100px;
float:left;
}
HTML:
<div class="principale">
	<div class="img">immmagine1</div>
	<div class="img">immmagine2</div>
	<div class="img">immmagine3</div>
	<div class="img">immmagine4</div>
	<div class="img">immmagine5</div>
</div>
Nené


Non hai definito le classi "sottofondotitolo_lati" e sottofondotitolo_lati2.
Mao
--------------------------------
Inviato via 
http://usenet.libero.it

 clear: left;
^^^^^^^^^^
Eliminalo, perchč cosě dici al browser che gli elementi che seguono quella
classe NON devono stare allineati di seguito.
Il clear: left lo devi mettere, se dopo il </div> di .colonna_dx_little_desc
hai un altro blocco. Es
</div> // di .colonna_dx_little_desc
<div id="altro">
</div>
E nel css metti #altro {clear: left;}
Cosě dovrebbe funzionare

::
:: Non hai definito le classi "sottofondotitolo_lati" e
:: sottofondotitolo_lati2.
::
:: Mao
::
ehm.... come si cancella un thread intero?
per chi non l'avesse capito nel css sfondotitolo_lati era quello che
sottofondotitolo_lati era nel browser.
ma perchè devo farmi del male da solo e fare ste figuraccie?
grazie ragazzi, cmq.
r.