Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2001
    Messaggi
    46

    Rollover con un'immagine & CSS

    Ciao a tutti!

    ho bisogno di un po' d'aiuto.
    Sto cercando di fare una pagina con i rollover e i css.

    vorrei arrivare a fare questo.
    vedi figura1 e figura 2 allegata.

    Quando il mouse passa sulla lettera c (e lo stesso poi con le altre lettere) appare tutta la scritta 'ciao'.

    Ho proavato a fare un rollover cosi:

    <script language="JavaScript">
    <!--
    function cambia(ImageName,ImageFile){
    ImageName.src = ImageFile;
    }
    // -->
    </script>

    [img]ciao.gif[/img]

    e il rollover di per se' funziona.

    Non so pero' come metterci un'immagine di sfondo (nella figura 1 ho messo un rettangolo nero, per esempio, quella sara' sostituita da una foto)

    dovrei usare i css probabilmente ma non so esattamente come.
    vorrei che l'immaigne fosse al centro dello schermo.

    come posso fare?????

    grazie anticipatamente per l'aiuto"

    elena7
    Immagini allegate Immagini allegate

  2. #2
    Utente bannato
    Registrato dal
    Jun 2004
    Messaggi
    1,854
    mancano gli allegati

  3. #3
    Utente bannato
    Registrato dal
    Jun 2004
    Messaggi
    1,854
    scusa vuoi dire:
    <div style"background-image : percorso">?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    ... e se fosse di fare tutto con i CSS?

    Puoi fare lo sfondo che vuoi ed anche gestire il "rollover" senza neessita` di JS.

    Fai una ricerca (bottone in alto a dx) nel forum CSS e XHTML (sotto HTML), e controlla i "link utili" in quel forum.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2001
    Messaggi
    46

    rollover

    Ciao!

    ho fatto una prova ed è venuto quello che volevo.
    Ho usato pero' sia i CSS che Js, solo con i Css non mi e' venuto.

    Trovare errato questo codice?

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Prova</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <style type="text/css">

    body{
    width:500px;
    margin:20px auto;
    padding:0;
    text-align:center;
    background-repeat:no-repeat;
    }

    div#container{
    background-image:url(homepage.jpg);
    width:600px;
    height: 410px;
    margin:20px auto;
    text-align:left;
    padding:0;

    }
    </style>
    </head>

    <body>
    <script language="JavaScript">
    <!--
    function cambia(ImageName,ImageFile){
    ImageName.src = ImageFile;
    }
    // -->
    </script>

    <div id="container">
    <div>[img]biohover.gif[/img]
    </div>
    </div>
    </body>
    </html>

    grazie
    per l'aiuto

    elena7

  6. #6
    Si può fare benissimo solo con CSS.

    Qui trovi la spiegazione su come fare. Facile veloce e pulito .

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2001
    Messaggi
    46

    css

    grazie!

    elena

    p.s. molto efficace la tua definizione 'facile, veloce e pulito'

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.