Newsgroup: it.lavoro.professioni.webmaster
Titolo: immagini sovrapposte

ho una serie di immagini:
A, B, C, D e E
Vorrei fare questo:
B, C, D sono in fila e fin qui non c'è problema.
A è a sinistra di B e le va sopra per metà
E è a destra di D e le va sopra per metà
avevo treovato una cosa simile, con una tabella e un' immagine che non
combaciava, ma era leggermente scostata. Io vorrei una cosa simile, ma con
queste 2 immagini in primo piano e le altre dietro
è possibile fare una cosa del genere?
Grazie!!
--
Elena
 "Silently she walks..."

 Grazie!!
Prego :-)) (sempre se sono riuscito ad aiutarti e se ho capito cosa ti 
serve)
Ciao
-- 
Massy

"Max" <Chie...@tela.diro> ha scritto nel messaggio
news:1DMzc.113028$Qc.42...@twister1.libero.it...
: Sempre più facile, secondo me, con le posizioni assolute: imposti un div
: largo quanto ti serve e le immagini le posizioni con left e top.
è quello che avevo provato infatti.....
ho provato a mettere A sopra B
<div id='A'
style='position:absolute; top:0px; left:0 z-index:21; visibility:visible;
background:transparent; width:50px; height:150px;'>
    <img  src="images/column.gif" width="30" height="150" border="0">
</div>
<div id='B'
style='position:absolute; top:0px; left:20; z-index:20; visibility:visible;
background:transparent; width:161px; height:150px;'>
<p class="classeimg1">
    <img src="images/pics/mini/0.gif" width="161" height="150" border="0">
</a></div>
niente da fare, nonostante abbia metto la larghezza di A a 30 e B dovrebbe
partire da 20 in poi (quindi A dovrebbe sovrapporre B di 10 pixel), non
viene.
Dov'è che sbaglio per favore?
magari mi conviene an dare a nanna e proseguiamo domani!!
Grazie!


 pixel), non viene.
ho tolto le immagini, rimettile!
ho inserito un colore per vedere la sovrapposizione, toglilo!
ho messo una trasparenza per vedere la sovrapposizione, toglila!
<div id='A' style='position:absolute; top:0px; left:0px; z-index:21;
background-color:#223344; width:30px; height:150px;
filter:alpha(opacity=50);'>
</div>
<div id='B' style='position:absolute; top:0px; left:20px;
z-index:20px; width:161px; height:150px; background-color:#554433;'>
</div>
visuddhi
-- 
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.visubox.com
 }
css layout builder { 
www.visuddhi.com/vstuff/l3cbuilder.asp
 }

 ha scritto nel messaggio
news:2jadesF...@uni-berlin.de...
: .·°^°·.Elena.·°^°·. wrote:
:
: > <div id='A'
: > style='position:absolute; top:0px; left:0 z-index:21;
: > visibility:visible; background:transparent; width:50px;
: >     height:150px;'> <img  src="images/column.gif" width="30"
: > height="150" border="0"> </div>
:
:
: dopo left:0 metti ;
li facevo alle medie questi errori, li ho fatti in 30 compiti di matematica
del liceo (6 all'anno, 3 al quadrimestre), solo alla maturità non ne ho
fatti (e il compito mi è andato benissimo), si chiamato errori di
distrazione e sono tipici miei!:-DDDD
Grazie!
:
: > <div id='B'
: > style='position:absolute; top:0px; left:20; z-index:20;
: > visibility:visible; background:transparent; width:161px;
: > height:150px;'> <p class="classeimg1">
: >     <img src="images/pics/mini/0.gif" width="161" height="150"
: > border="0"> </a></div>
:
:
: dentro al div c'è un <p> non chiuso e un </a> non aperto
: dopo left:20 metti px prima del ;
vero, ho fatto un po' di casino col copiaeincolla e cambiamenti dell'ultimo
minuto!
ora è
:
: ho tolto le immagini, rimettile!
: ho inserito un colore per vedere la sovrapposizione, toglilo!
: ho messo una trasparenza per vedere la sovrapposizione, toglila!
:
 (cut)
perfettooooo!!! Grazieeeee!!!!!
ora dovrei mettere E, che come div posso dargli la posizione come A
(ovviamente a 300, non a 30). Provo.
Non si vede.........:_((((((((((((


 ha scritto nel messaggio
news:2jadesF...@uni-berlin.de...
: .·°^°·.Elena.·°^°·. wrote:
:
: > <div id='A'
: > style='position:absolute; top:0px; left:0 z-index:21;
: > visibility:visible; background:transparent; width:50px;
: >     height:150px;'> <img  src="images/column.gif" width="30"
: > height="150" border="0"> </div>
:
:
: dopo left:0 metti ;
li facevo alle medie questi errori, li ho fatti in 30 compiti di matematica
del liceo (6 all'anno, 3 al quadrimestre), solo alla maturità no nne ho
fatto (e il compito mi è andato benissimo), si chiamato errori di
distrazione e sono tipici miei!:-DDDD
Grazie!
:
: > <div id='B'
: > style='position:absolute; top:0px; left:20; z-index:20;
: > visibility:visible; background:transparent; width:161px;
: > height:150px;'> <p class="classeimg1">
: >     <img src="images/pics/mini/0.gif" width="161" height="150"
: > border="0"> </a></div>
:
:
: dentro al div c'è un <p> non chiuso e un </a> non aperto
: dopo left:20 metti px prima del ;
vero, ho fatto un po' di casino col copiaeincolla e cambiamenti dell'ultimo
minuto!
ora è
:
: ho tolto le immagini, rimettile!
: ho inserito un colore per vedere la sovrapposizione, toglilo!
: ho messo una trasparenza per vedere la sovrapposizione, toglila!
:
 (cut)
perfettooooo!!! Grazieeeee!!!!!
ora dovrei mettere E, che come div posso dargli la posizione come A. Provo.
Non si vede.........:_((((((((((((
--
Elena
 "Silently she walks..."