Visualizzazione risultati 1 fino 4 di 4

Discussione: sovrapporre immagini in un div

  1. #1
    Guest

    Predefinito sovrapporre immagini in un div

    salve a tutti vorrei porre un quesito....nella mia pagina http://trbbl.altervista.org appena sotto la pubblicità si vede una foto di me nel primo "box" sul lato sinistro...bene io vorrei sovrapporre a questa immagine un'altra immagine ke con un
    Codice HTML:
    <MARQUEE HEIGHT=50% scrollamount=5 behavior="scroll" direction="down">
    gli passi sopra....è possibile farlo senza ricorrere a delle gif quindi semplicemente coi "div"??grazie delle risposte!
    Ultima modifica di musicanapoli : 24-03-2010 alle ore 21.50.38 Motivo: Codice racchiuso tra i tags

  2. #2
    L'avatar di sevenjeak
    sevenjeak non è connesso AlterGuru
    Data registrazione
    25-10-2007
    Residenza
    Roma
    Messaggi
    1,769

    Predefinito

    potresti dare al tag marquee un id ed impostargli questo stile:
    Codice:
    .id_marquee {
       position:absolute;
       top: /* stesso valore della proprietà top del box */
       left: /* stesso valore della proprietà left del box */
    }
    Se vuoi potresti impostare la proprietà top e left a 0 per poi permettere a javascript di impostarli direttamente con le stesse proprietà del box

    Sevenjeak
    Software developer and much more

  3. #3
    Guest

    Predefinito

    ok ho capito piumeno quello ke dici...ma poi come dovrei metterlo il <MARQUEE> nell'html??guarda questo è il codice relativo a quel determinato elemento:
    Codice:
    <div id="content">
    <ul class="pageitem"> 
    <div style="float:left;width:40%"> 
    <li class="textbox" align="center"> 
    <img alt="home" src="http://forum.it.altervista.org/images/ioo.png"/><br>
    <FONT COLOR="#fffffe" size="1px" align="center"><i>Fotoritocco con GIMP</i></FONT> 
    </li> 
    </div> 
    <div style="width:auto" align="center"> 
    <li class="textbox" align="center"> 
    	<span class="header">TRBBL (come teribbile trouble treble)</span><FONT COLOR="#fffffe"> 
    ... bla bla bla bla ...</FONT> 
    </li> 
    </div> 
    </ul>
    quindi da quello ke mi dici dovrei posizionare un
    Codice:
    <MARQUEE HEIGHT=50% scrollamount=5 behavior="scroll" direction="down" id="id_marquee">
    <img src="immagine_da_sovrapporre.png"/>
    </MARQUEE>
    ma dove di preciso??

    EDIT:
    ho risolto nella seguente maniera senza prendere in considerazione il css:
    Codice:
    <div style="float:left;width:35%">
    <div style="background: transparent url(images/ioo.png) center no-repeat;">
    <MARQUEE HEIGHT=100% scrollamount=5 behavior="scroll" direction="down">
    <img style="margin-left:6%" src="images/trbbl.png"/></MARQUEE>
    </div>
    </div>
    ma nn so se sia un lavoro pulito...magari con schermi di dimensioni diverse al mio si vede differente...
    Ultima modifica di trbbl : 25-03-2010 alle ore 00.56.01

  4. #4
    L'avatar di sevenjeak
    sevenjeak non è connesso AlterGuru
    Data registrazione
    25-10-2007
    Residenza
    Roma
    Messaggi
    1,769

    Predefinito

    Scusami per il ritardo nella risposta.

    Premetto di non sapere risolvere il fatto di differenza di visuale tra i schermi.

    Cmd credo che l'elemento lo puoi mettere, sia sotto o sopra alla foto ( dove vuoti ), infatti, nel css position:absolute vuol dire che: l'elemento deve essere assolutamente presente nella posizione top e left dichiarata nel css, quindi credo che con questo centri poco la posizione del tag nell'html.
    Ultima modifica di sevenjeak : 26-03-2010 alle ore 11.17.20

    Sevenjeak
    Software developer and much more

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •