Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    Problemi di visualizzazione

    Ciao,
    ho dei problemi riguardo ad un sito, in pratica:
    1)Gli ultimi tre link del menù non funzionano, e non capisco il perchè (non funzionano in tutto il sito).
    2)Su IE lo vedo impaginato bene, su FireFox e su Opera invece non si vede lo sfondo e tutto è allineato a sinistra (sopra intestazione, sotto menù ecc...). Però ci sono i font che gli ho dato, altre cose relative al testo e le immagini.

    Ecco il codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>Acquario</title>
    <link rel="stylesheet" type="text/css" href="stile.css" media="screen">
    </head>
    <body>

    <div id="contenitore">
    <div id="contenitore2">
    <div id="header">
    [img]img/int.gif[/img]
    </div>
    <div id="menu">
    1. [img]img/home.gif[/img]
    2. [img]img/acquario.gif[/img]
    3. [img]img/pesci.gif[/img]
    4. [img]img/piante.gif[/img]
    5. [img]img/link.gif[/img]

    </div>
    <div id="content">
    <h2>Benvenuti</h2>


    In questo sito farň una breve descrizione del mio acquario e dei suoi abitanti (pesci, chiocciole e piante).</p>


    Buona lettura!</p>

    <div id="immagine">
    [img]img/princ-copia.gif[/img]
    </div>
    </div>
    <div id="footer">
    <h3>2008 - Design by PinkBetta</h3>
    </div>
    </div>

    </div>
    </body>
    </html>

    body {
    padding:0px;
    margin:0px;
    text-align:center;
    font-family:Comic Sans MS, Times New Roman, Arial;
    font-size:14px;
    color:#000;
    }


    h2 {

    margin:0;
    font-size:18px;
    line-height:20px;
    }

    h3 {

    margin:0;
    font-size:12px;
    letter-spacing:5px;
    font-style:italic;
    }

    #contenitore {

    background-image:url(img/immagine2 copia2.gif);
    background-repeat:no-repeat;
    background-position:center;
    width:970px;
    height:600px;
    margin:40px auto;

    }
    #contenitore2 {
    width:880px;
    height:600px;
    margin:0px auto;
    text-align:left;

    #header {
    display:block;
    padding-top:50px;
    padding-bottom:0px;
    margin-bottom:50px;
    text-align:center;
    }

    #menu {

    float:left;
    width:50px;
    height:300px;
    margin:0px 0px 0px 0px;
    padding-top:130px;
    padding-right:0px;

    }
    #menu ol {
    list-style-type:none;
    list-style positionutside;

    }
    #menu ol li a{
    margin-top:10px;

    }

    #content {
    width:590px;
    height:320px;
    text-align:left;
    line-height:20px;
    overflow:auto;
    margin-top:50px;
    padding-left:0px;
    margin-left:0px;


    }
    #content ol {
    list-style-type:none;
    list-style positionutside;
    }
    #immagine {

    text-align=center;
    margin-right:100;

    }

    #images {

    text-align=left;

    }


    #footer {
    display:block;
    margin-top:80px;
    clear:both;
    text-align:center;


    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Per prima cosa dichiara un doctype più rigido e sistema gli errori di sintassi.

    Non hai chiuso il blocco delle dichiarazioni nel #contenitore2.
    Hai messo un = al posto del : in #immagine e #images.

    Comincia di qui...

  3. #3
    E' vero ho messo un'=! Che testa che ho!

    Cos'è il doctype? Come si mette?

  4. #4
    I tre errori li ho corretti ma è sempre uguale.

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da PinkBetta
    I tre errori li ho corretti ma è sempre uguale.
    iniziamo con il dire che usi un approccio sbagliato. Prima devi ottimizzare per FF & browser "standard-compliant", poi correggere bug ed errori di explorer (con i commenti condizionali).
    inoltre, verifica che il tuo codice sia validato.

    in ultimo, la prossima volta usa il tag # quando posti il codice, che sennò non ci si prova neanche a leggerlo.


  6. #6
    Originariamente inviato da Myaku
    iniziamo con il dire che usi un approccio sbagliato. Prima devi ottimizzare per FF & browser "standard-compliant", poi correggere bug ed errori di explorer (con i commenti condizionali).
    inoltre, verifica che il tuo codice sia validato.

    in ultimo, la prossima volta usa il tag # quando posti il codice, che sennò non ci si prova neanche a leggerlo.

    E come faccio ad ottimizzarlo? Abbiate pazienza ma è la prima volta che lo devo fare.

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da PinkBetta
    E come faccio ad ottimizzarlo? Abbiate pazienza ma è la prima volta che lo devo fare.
    fai riferimento in primis ai browser aderenti alle specifiche, ovvero devono essere loro a visualizzare il sito correttamente. Se il tuo codice è ben strutturato, salvo rari casi non vedrai differenze significative tra un browser e l'altro.
    Solo dopo passi a correggere la visualizzazione su IE, aggiustando il css tramite i commenti condizionali (di cui abbiamo abbondantemente parlato qui sul forum e di cui la rete è piena di indicazioni ed esempi)


  8. #8
    Originariamente inviato da Myaku
    fai riferimento in primis ai browser aderenti alle specifiche, ovvero devono essere loro a visualizzare il sito correttamente.
    Ma in pratica cosa devo fare?

  9. #9
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da PinkBetta
    Ma in pratica cosa devo fare?
    hai detto che lo vedi impaginato bene su IE e non sugli altri browser.
    scrivi, o riscrivi, il codice di modo che sia impaginato bene sugli altri browser, facendo attenzione che non contenga errori di sintassi (che verifichi tramite il validatore del w3c)

  10. #10
    Ok ci provo (ma la vedo dura, dato che è poco che uso i css non so dove sbaglio).

    Grazie per le risposte, ora provo e se avessi qualche dubbio chiedo qui.

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