Ciao a tutti,
sto cercando di stampare un'immagine racchiusa all'interno di una cornice (una semplice gif dall'interno trasparente e decorata ai bordi).
Ho usato il seguente codice:
dove la classe content foto non è altro che:codice:<div class="content_foto">[img]images/immagine.jpg[/img]</div>
ma non va!codice:.content_foto{ background-image: url(../images/LAYOUT/cornice.gif); width: 95px; height: 82px; }
Sicuramente sbaglio qualcosa ma non so cosa
Se cerchi di stampare il background non puoi, i browser lo tolgono di default dalla stampa.
Devi cambiare strategia...
come potrei fare?
Se vuoi stamparle entrambe sfondo e immagine nella cella puoi agire in vari modi, fra cui:
Di due immagini ne puoi fare solo una con un programma di ritocco (aggiungendo i contorni all'immagine da stampare) e non impostandola più come sfondo ma come contenuto...
Agire con lo z-index, impostando entrambe le immagini come contenuto e impostando uno z-index maggiore (tramite css) all'imagine che deve stare sopra.
chiedo troppo per un esempio pratico con gli z-index? sinceramente non l'ho mai utilizzato
grazie
Ecco un esempio abbastanza semplice (è una ciofeca), ma rende l'idea.
Ovviamente inserisci immagini e dimensioni che ti servono!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> </head> <body> <div style="width:300px; height:300px; background-color:#CCCCCC">[img]images/remora.jpg[/img][img]images/whaleshark.jpg[/img]</div> </body> </html>
Permessi di invio
Rispondi quotando