Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75

    colori di bordi e dei riferimenti

    Ciao, ho un problema con i colori dei bordi e dei riferimenti...non capisco perchè su ie e su ff vengono visualizzati in maniera diversa....dovrei avere per i bordi un colore di questo tipo
    color:#319aff
    per i riferimenti questo colore
    color:#003399;
    In ie vedo correttamente il colore del bordo mentre il colore del riferimento lo vedo rosso
    mentre in ff vedo correttamente il colore dei riferimenti mentre come colore dei bordi vedo gli stessi colori dei riferimenti.....potete aiutarmi?

    Mille grazie

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349

    Re: colori di bordi e dei riferimenti

    codice?

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75

    colori dei bordi e dei riferimenti

    nel codice html ho delle tabelle che ho identificato con degli id.

    Nel css le ho dichiarate:

    table1{
    border-color:#319aff;
    border:1px solid;
    }

    i riferimenti li ho così dichiarati


    a{
    color:#003399;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration:none;
    }



    Nonostante tutto i colori in ie dei bordi vengono corretti ma non quello dei riferimenti.
    I riferimenti sono di colore rosso

    Mentre in ff i colori dei riferimenti sono corretti ma quelli dei bordi dello stesso colore dei riferimenti.


  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    senza tutto il codice (html + css) non si può vedere se c'è un errore da qualche altra parte -

    comunque, se hai usato un id, prova a richiamarlo come #mio_id

    prova anche a sostituire a { con
    a:link, a:visited, a:hover, a:active {

    come ti ho detto, sto andando un po' alla cieca senza i codici completi ...

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75
    Il codice html è il seguente:
    table id="header" bgcolor="#FFFFFF">
    <tr>
    <td colspan="2">
    [img]top.gif[/img]
    </td>
    </tr>
    <tr>
    <td width="190" id="menuSx">
    <table bgcolor="#e7f3ff">
    <tr>
    <td>
    <a href="" target="_blank">
    [img][/img]
    </a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="" target="_blank">
    [img][/img]</a>
    </td>
    </tr>
    <tr>
    <td>
    <a href="" target="_blank">
    [img][/img]
    </a>
    </td>
    </tr>
    <tr>
    <td>
    <table id="offerte" bgcolor="#a319ff">
    <tr>
    <th>Offerta </th>
    </tr>
    <tr>
    <td id="testo">
    Ti invitiamo a visitare le home page dei siti
    Venta,
    Col,
    Cal,
    Uty e
    BetTo
    dove le offerte sono aggiornate più volte la settimana e appaiono nella loro completezza.
    </td>
    </tr>

    </table>
    </td>

    </tr>
    </table>
    </td>
    <td width="398" id="menudx" >
    <table bgcolor="#FFFFFF"cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td>
    testo di destra
    </td>
    </tr>
    <tr>
    <td>
    [img][/img]
    </td>
    </tr>

    </table>
    </td>
    </tr>
    </table>

    Il codice css è questo:

    body{
    font-family:Verdana,Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    color:#666666;
    font-size:11px;
    padding:0;
    margin:0;
    }
    #header{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    }
    #header img {
    display: block;
    margin: 0 auto;
    }

    #menusx{
    margin-left:auto;
    margin-right:auto;

    }
    #menudx{

    margin-left:auto;
    margin-right:auto;
    border-color:#319aff;
    border:1px solid;
    text-align:left;
    color:#003399;
    }
    #offerte{
    text-align:center;
    }

    #offerte th{
    background-color:#319aff;
    }
    #testo{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color:#FFFFFF;
    color:#003399;
    padding:5px;
    border-color:#319aff;
    border-left:1px solid;
    border-top:1px solid;
    border-bottom:1px solid;
    }
    a.siti1{
    font-size: 11px;
    color:#33CCFF;
    font-style: normal;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    text-decoration: none;
    }
    a.siti1:hover {
    font-size: 11px;
    color:#003399;
    font-style: normal;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    text-decoration: none;
    }
    Grazie per l'aiuto.....ora si vede correttamente con ie ma non con ff

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    se quello che non vedi bene su FF è menudx,

    codice:
    #menudx{
    margin-left:auto;
    margin-right:auto;
    border:1px solid #319aff;
    text-align:left;
    color: #003399;
    }
    con FF1.5 ora lo vedo allo stesso modo di IE7

    Fammi sapere

    Cyà

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    75
    si vede benissimo
    mille grazie per la cortesia

    Ciao

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.