Sovrapporre l'immagine Promo

tatiana_s

Utente Attivo
15 Gen 2004
48
0
0
www.smartsas.it
Ciao ragazzi...

ci sto provando e riporvando oramai da un sacco di tempo, ma proprio non ne sono capace...

Vorrei fare in modo che quando un prodotto è in offerta appaia sull'immagine del prodotto il bollino offerta (vedi esempio)

io non riesco a far apparire l'immagine offerta SOPRA l'immagine prodotto, si dovranno usare i DIV, Z-Index... ma io nn ci sono proprio riuscita.
questo è quello che ho:
Codice:
                            <td valign="top" rowspan="2"> 
                              <%If offerta = true Then%>
                              <div class="image"> <img src="interfaccia/bollino_promo60x60.png" alt=""/> 
                                <%Else%>
                                <img src="interfaccia/tran.gif" alt="" width="1" height="1"/> 
                                <%End If%>
                              </div>
                              <div class="image"> 
                                <div align="center"> 
                                  <div style=”position:absolute; z-index:2;”> 
                                    <%
					If GFoto <> ("public/imgprodotti/") Then
						%>
                                    <div align="center"><a rel="lightbox" href="../<%=GFoto%>"><img src="wbresize.aspx?f=/<%=GFoto%>&c=<%=compressione%>&s=<%=percentualefoto%>&w=<%=larghezzafoto%>&h=<%=altezzafoto%>&q=1" alt="thumb" border="0"></a> 
                                      <%Else%>
                                      <img border="0" src="../<%=Img_NonDisponibile_G%>"> 
                                      <%End If%>
                                      <%
					If foto <> ("public/imgprodotti/") Then
						%>
                                      <a rel="lightbox" href="../<%=foto%>"><img src="wbresize.aspx?f=/<%=foto%>&c=<%=compressione%>&s=<%=percentualefoto%>&w=<%=larghezzafoto%>&h=<%=altezzafoto%>&q=1" alt="thumb" border="0"></a> 
                                      <%Else%>
                                      <%End If%>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <%End If%>
                            </td>
                            <td valign="top">
 
Si la "Gfoto" esce tranquillamente, anche l'immagine della promozione appare anche solo se il prodotto è in promozione, però non riesco a sovrapporlo all'immagine del prodotto, mi esce affiancato!
 
Devi semplicemente inserirli in tabelle
Codice:
<table width="larghezza px" border="0">
  <tr>
    <td>primo div</td>
  </tr>
</table>
<table width="larghezza px" border="0">
  <tr>
    <td>secondo div...e così via</td>
  </tr>
</table>
:byebye::byebye::byebye:
 
Devi semplicemente inserirli in tabelle
Codice:
<table width="larghezza px" border="0">
  <tr>
    <td>primo div</td>
  </tr>
</table>
<table width="larghezza px" border="0">
  <tr>
    <td>secondo div...e così via</td>
  </tr>
</table>
:byebye::byebye::byebye:
Dici che è così semplice??? :eek:
Ma come larghezza px, devo mette la misura dell'immagine???
 
Dici che è così semplice??? :eek:
Ma come larghezza px, devo mette la misura dell'immagine???
Sisi...:D:D:D

Potresti anche risolvere con un ancor più semplice tag <br/> alla fine del collegamento...ma con le tabelle hai la sicurezza di dichiarare con più precisione...quindi otterrai il medesimo risultato su qualunque brow o monitor...:)
Adesso tutto il codice è dichirato all'interno di una sola tabella fra i tag <td> e <td/> quindi sono affiancati orizzontalmente ...
Puoi impostare la larghezza delle tabbelle in pix o %(per un layout dinamico es 100%)
:byebye::byebye::byebye:
 
Ciao,
ora ho letto un pò meglio ciò che mi hai scritto, ma forse non si trova con ciò che voglio fare io.
come mi hai fatto tu, le immagini vengono una sopra e l'altra sotto,
proprio come è attualmente il sito guarda

Io invece vorrei che l'immagine PROMO vada sovrapposta all'immagine della valigia e non SOPRA.
 
ASP...adesso ho capito...allora devi usare una div fisso e dichiararlo nel css.
Es.
Codice:
#Divsvraimpresso {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	z-index:1;
}
e lo richiami nella tua condizione così...
<div id="Divsvraimpresso">...al posto di <div style=”position:absolute; z-index:2;”>

Chiaramente devi impostare la posizione e le dimensioni in px...provalo su più brow anche ridimensionando le finestre.
:byebye::byebye::byebye:
 
ASP...adesso ho capito...allora devi usare una div fisso e dichiararlo nel css.
Es.
Codice:
#Divsvraimpresso {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	z-index:1;
}
e lo richiami nella tua condizione così...
<div id="Divsvraimpresso">...al posto di <div style=”position:absolute; z-index:2;”>

Chiaramente devi impostare la posizione e le dimensioni in px...provalo su più brow anche ridimensionando le finestre.
:byebye::byebye::byebye:

Ok grazie, ora ci provo.
il divsvraimpresso, come mi hai scritto tu, sarebbe l'imagine Sopra o quella sotto???
Grazie

P.s.: Ahhh siamo "paesani" io sn di Battipaglia
 

Discussioni simili