Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    1,476

    [css] rendere pagine visibili oltre per ie anche per firefox..

    Ciao raga,

    esistono delle linee guida per rendere un pagina visibile&valida (secondo lo standard HTML4.01) con MSIe6.0, anche visibile&valida per firefox?


    Ciao e grazie a tutti per l'attenzione.


    dies

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    1,476
    esempio:

    ho questo menu, (vedi articolo su pro.html.it)


    Codice PHP:
    <div id="nav">
                <
    ul>
                    <
    li id="mhome" STYLE="margin:0px 0px 0px 145px;">[url="index.php"]Home[/url]
                    <
    li id="mazienda" STYLE="margin:-5px 0px 0px 225px;">[url="azienda.php"]Azienda[/url]
                    <
    li id="mprodotti" STYLE="margin:-5px 0px 0px 320px;">[url="prodotti.php"]Prodotti[/url]
                    <
    li id="mcontatti" STYLE="margin:-5px 0px 0px 415px;">[url="contatti.php"]Contatti[/url]
                    <
    li id="mrivenditori" STYLE="margin:-5px 0px 0px 522px;">[url="rivenditori.php"]Rivenditori[/url]
                    <
    li id="mposizione" STYLE="margin:0px 0px 0px 632px;">[url="posizione.php"]Posizione[/url]    
                [/list]
            </
    div
    Se è visto con Ie tutto OK, su firefox viene sballata la posizione del div nav.


    Come si risolve?


    Ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    1,476
    questo è lo style

    Codice PHP:
    div#nav{position:absolute; margin: 5px 0px 0px -130px}
    div#nav ul{width: 80px;height: 110px;list-style-type: none;
        
    margin0;padding0}
    div#nav li{margin: 0;padding: 0}
    div#nav li,div#nav a{display:block;width: 80px;height: 22px}

    div#nav a{text-indent: -9000px;text-decoration: none;padding: 22px 0 0 0;
        
    overflowhiddenheight0px !importantheight /**/:22px}

    li#mhome, li#mhome a{background-image: url(home.gif)}
    li#mazienda, li#mazienda a{background-image: url(about.gif)}
    li#mprodotti, li#mprodotti a{background-image: url(prodotti.gif)}
    li#mcontatti, li#mcontatti a{background-image: url(contatti.gif)}
    li#mrivenditori, li#mrivenditori a{background-image: url(rivenditori.gif)}
    li#mposizione, li#mposizione a{background-image: url(posizione.gif)}

    #nav li, #nav a:hover{background-position: 0 -22px}

    body#home li#mhome a, body#azienda li#mazienda a, body#prodotti li#mprodotti a, body#posizione li#mposizione a,
    body#contatti li#mcontatti a,body#rivenditori li#mrivenditori a{background-position: 0 -44px} 

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    1,476
    ops scusate

    ho sbagliato forum ... per favore mi spostate nel forum di "sopra"

    grazie.





    dies

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.