Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    2 oggetti in posizione diversa su 2 browser

    Ho creato una pagina in cui ci sono due foto in un certo punto x.
    Se faccio l'anteprima in explorer sono allineate e stanno dove io le voglio, se la faccio su Safari una resta spostata più in alto!
    Perchè succede questo? E cosa posso fare per ovviare?

    Grazie
    monicamarina

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    Succede perchè i diversi browser interpretano i fogli di stile con qualche differenza.

    Non esiste un consiglio "standard" per risolvere i problemi di incompatibilità.

    Se ci fai vedere i sorgenti, forse ti possiamo dare una mano.

  3. #3
    Ho capito che per avere una parola linkata che cambia colore quando ci si passa con il mouse posso usare un css anzichè file di Photpshop e rollover.
    Però ho parole scritte con colore diverso perchè gli sfondi sono diversi, mezza pag è bianca e mezza è nera quindi metà link/parola bianchi e metà neri.
    Si può usare un questo caso un css o è impossibile?
    Allego il codice della pag se può servire.


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>modello per il forum 21.12</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>

    <body topmargin="0" leftmargin="0">
    <table width="100%" height="2140" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" bgcolor="#000000">
    <div align="center">


    c</p>


    </p>


    </p>


    </p>


    </p>


    </p>


    a<font color="#FFFFFF" size="+7">Carlo</font></p>
    </div></td>
    <td valign="top">

    </p>


    </p>


    </p>


    </p>


    </p>


    </p>
    <p align="center"><font color="#000000" size="+7">Chiara</font></p></td>
    </tr>
    </table>
    </body>
    </html>


    grazie!
    monicamarina

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    Puoi fare

    codice:
    <td valign="top" class="white">
    
    ...
    
    </td>
    <td valign="top" class="black">
    
    ...
    
    </td>
    Poi applichi questo foglio di stile

    codice:
    td.white{
    background:#fff;
    color:#000;
    }
    
    td.black{
    background:#000;
    color:#fff;
    }
    E nella prima cella avrai sfondo bianco con colore del testo nero, e l'inverso nella seconda.

  5. #5
    Fatto come suggerito, riporto per sicurezza il codice, ora mi resta solo una cosa, le parole link devono diventare rosse quando ci passa sopra il mouse e dopo essere state visitate le bianche devono tornare bianche e le nere devono tornare nere.
    Questo lo si può fare?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>modello per il forum 21.12</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    }

    td.white{
    background:#fff;
    color:#000;
    }

    td.black{
    background:#000;
    color:#fff;
    }

    </style></head>
    <body topmargin="0" leftmargin="0">
    <table width="100%" height="2140" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top" class="white"></td>
    <div align="center">


    casfsfafafdafafsafsafasfasfaf</p>


    _</p>


    _</p>


    _</p>


    _</p>


    _</p>


    a<font color="#FFFFFF" size="+7">Carlo</font></p>
    </div></td>
    fsfaaddddddddddddddddddddddddddddddddddddddddddddd dddddd asdafsfsfafsafadddfsdafdsfsd
    xcxcxcxcxcxcxxgdgdsgsgsgxxxxxxxxxxxx
    <td valign="top" class="black">

    <font color="#000000" size="+7"><font color="#FFFFFF">sdfffdd</font></font></p>
    </td>
    </tr>
    </table>
    </body>
    </html>
    monicamarina

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    1,965
    codice:
    a:hover{
    color:#ff0000;
    }

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.