Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    10

    Crossbrowser aiuto!!!! Sigh...sigh...sigh...

    Ciao a tutti
    anche se in ritardo è da poco che nella costruzione dei miei pochi siti uso XHTML e soprattutto ho preso la buona abitudine di validare tutti i miei codici.
    Allora il mio problema è questo: pagina funzionante perfettamente con IE ed Opera.
    Validata quindi senza errori nella sintassi, ma con Firefox non funziona.

    Vi posto la parte di codice interessata:


    <?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">
    ......
    <head>
    ............
    <style type="text/css">
    #foto {
    position:absolute;
    height:507px;
    width:350px;
    top:50px;
    left:325px;
    display:none;
    border:10px solid aqua;
    background:url(immagini/cucina.jpg) no-repeat center;
    }
    </style>
    .........
    <head>

    <body>
    <div id = "foto">



    foto
    .....
    </body>
    </html>

    Mi potete aiutate a rendere il codice crossbrowser? Vi prego è importante.
    Grazie a tutti.

  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777

    Re: Crossbrowser aiuto!!!! Sigh...sigh...sigh...

    Originariamente inviato da 80fame
    Ciao a tutti
    anche se in ritardo è da poco che nella costruzione dei miei pochi siti uso XHTML e soprattutto ho preso la buona abitudine di validare tutti i miei codici.
    Allora il mio problema è questo: pagina funzionante perfettamente con IE ed Opera.
    Validata quindi senza errori nella sintassi, ma con Firefox non funziona.

    Vi posto la parte di codice interessata:


    <?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">
    ......
    <head>
    ............
    <style type="text/css">
    #foto {
    position:absolute;
    height:507px;
    width:350px;
    top:50px;
    left:325px;
    display:none;
    border:10px solid aqua;
    background:url(immagini/cucina.jpg) no-repeat center;
    }
    </style>
    .........
    <head>

    <body>
    <div id = "foto">



    foto
    .....
    </body>
    </html>

    Mi potete aiutate a rendere il codice crossbrowser? Vi prego è importante.
    Grazie a tutti.
    Prova non mettere void(0) così href="" o al limite così href="#" a volte FF non vuole void(0)

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    10

    Crossbrowser aiuto!!!! Sigh...sigh...sigh...

    Prova non mettere void(0) così href="" o al limite così href="#" a volte FF non vuole void(0)
    Ho provato come hai detto tu, ma non funziona lo stesso. In realtà href non c'entra perchè a me interessa omouseover. Comunque io penso che il problema sia in quel display='block' ...credo. Ma cosa fare? Grazie comunque

  4. #4
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    foto.style.display='block'

    non è una sintassi corretta.

    Usa

    getElementById("foto").style.display='block';
    Chicco Ravaglia per sempre con noi!

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    10
    Grande Zoom
    funziona alla grande.
    Però toglimi una curiosità: perchè se toglievo il DOCTYPE dall'intestazione funzionava bene anche con foto.display='block' ?

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 © 2025 vBulletin Solutions, Inc. All rights reserved.