Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Css Ie Firefox

  1. 14-04-2007, 13:29 #1
    cheen77
    cheen77 non è in linea
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    36

    Css Ie Firefox

    CIAO RAGAZZI CREATE UNA PAGINE HTML E BUTTATE IL CODICE SOTTOSTANTE
    UNA VOLTA FATTO SAPRESTE DIRMI PERCHE' CON IE LO VEDO IN UN MODO
    E CON FIREFOX (ANCHE SE DI POCO) DIVERSO, VORREI CHE FOSSERO IDENTICI
    QUALCUNO SA AIUTARMI??


    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>esempio</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    .tab_grigio_genere {
    font-family: arial;
    font-size: 11px;
    color: #2A3641;
    background-color: #CCCCCC;
    display: block;
    height: 31px;
    width: 100%;
    text-align: left;
    line-height: 31px;
    }
    .tab_grigio_genere a:link{
    font-family: arial;
    font-size: 11px;
    color: #2A3641;
    display: block;
    height: 31px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    line-height: 31px;
    background-color: #CCCCCC;
    }
    .tab_grigio_genere a:hover{
    font-family: arial;
    font-size: 11px;
    color: #648CAF;
    background-color: #FFFF00;
    display: block;
    height: 31px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    line-height: 31px;
    }
    .tab_grigio_genere a:visited{
    font-family: arial;
    font-size: 11px;
    color: #FFFFFF;
    display: block;
    height: 31px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    line-height: 31px;
    }
    -->
    </style>
    </head>

    <body>
    <table width="123" height="229" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="43" bgcolor="#FF0000"><div align="center">TITOLO</div></td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Rock </td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Pop </td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Alternative </td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Pop Punk </td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Electronik </td>
    </tr>
    <tr>
    <td width="100" align="center" valign="middle" class="tab_grigio_genere">Rap </td>
    </tr>
    </table>
    </body>
    </html>
    Rispondi quotando Rispondi quotando
  2. 15-04-2007, 12:54 #2
    paologaz
    paologaz non è in linea
    Utente di HTML.it L'avatar di paologaz
    Registrato dal
    Oct 2004
    Messaggi
    339
    Io ho verificato la differenza di visualizzazione tra i browser e non ne sono venuto a capo se non rifacendo tutto con i css, il risultato è uguale a quello che ti interessa, meno ingombrante, validato e visualizzato correttamente sia su FF che su IE.
    Il codice è il seguente:

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>esempio</title>
    <style type="text/css">
    <!--
    body{
    margin:0;
    padding:0;
    background:#FFF;
    color:#000;
    font:80% Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
    /* codice cella per titolo */
    #titolo {
    width: 123px;
    height: 43px;
    background: #ff0000;
    color: #000;
    text-align: center;
    font: bold 16px Arial, Helvetica, sans-serif;
    line-height: 43px;
    }
    /* codice per menu */
    .menu{
    width:123px;
    margin:0;
    padding:0;
    list-style:none;
    }
    .menu a{
    height:31px;
    display:block;
    text-decoration:none;
    margin:0;
    padding:0 10px;
    background:#FFF;
    color:#000;
    font: bold 11px arial, helvetica, sans serif;
    line-height: 31px;
    }
    .menu a:link,
    .menu a:visited{
    background:#ccc;
    color:#2a3641;
    }
    .menu a:hover,
    .menu a:focus,
    .menu a:active{
    background:#ffff00;
    color:#648caf;
    }
    -->
    </style>

    </head>
    <body>
    <div id="titolo">titolo</div>
    <ul class="menu">[*]rock[*]pop
    [*]alternative[*]pop punk[*]electronik[*]rap[/list]
    </body>
    </html>

    Nel malaugurato caso che ci potessero essere dei problemi con IE6 e precedenti ho richiamato a parte un foglio di stile con questo codice:

    .menu li{
    display:inline;
    }
    .menu a{
    height:0;
    }

    il foglio va nominato iefix.css ed inserito nella stessa cartella di esempio.

    Spero di averti fatto cosa gradita, se invece la tua era solo una curiosità e non ti serviva per niente il menu, porta pazienza, vuol dire che mi sono un pò allenato.
    Piuttosto di niente, meglio piuttosto.
    Rispondi quotando Rispondi quotando
  3. 15-04-2007, 14:31 #3
    cheen77
    cheen77 non è in linea
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    36
    Ti ringrazio moltssimo la mia non era una curiosita sto lavorando ad un progetto molto grosso....forse più di me, sono incappato in questo problema perche non ho mai utilizzati firefox e mi sono accorto che avevo deui problemi evidenti tra un broswer e l'altro.

    ciao
    Luigi
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.