• V
    Super User •

    Css, Layout e problemi di convalida

    Non so se è la sezione o il titolo giusto, se non lo è, mi spostate la discussione?😢

    Allora trovato nella rete un layout fatto con i css e l'ho usato per reimpaginare la mia home page. Solo che ora il W3C non mi convalida + le pagine.

    Credo sia un problema di DOCTYPE ma non ne vengo a capo.

    Per gli altri miei sito ho sempre messo:

    [html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">[/html]
    E ho programmato come al solito.

    Ora in questo layout ho messo (come indicava la guida)
    [html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<A href="http://www.w3.org/TR/html4/strict.dtd">[/html]
    E così mi vengono fuori tanti errori a che non so risolvere.

    Ovviamente se torno al 4.01 mi si sposta tutto a sinistra e non viene + centrato.

    Pagina di prova

    Pagina di errori

    Mi sono legata da sola! :arrabbiato:

    0
  • V
    Super User •

    Qualcuno mi aiuta? 😞

    0
  • P
    Super User •

    io vedo tutto centrato e la validazione mi dà un bel Passed validation

    0
  • V
    Super User •

    Ehm hai ragione, perchè avevo sovrascritto la pagina con un layout diverso e la validazioen veniva bene. Tra qualche gg ti faccio vedere come credo di aver deciso di fare, poi se ti va mi dici che ne pensi! 😉

    Come ti dicevo nell'altro topic sto imparando le piccole differenze tra Html e Xhtml entrambi Transitional. Per ora! :():

    0
  • V
    Super User •

    Ecco ora l'ho pensato così, però ho lasciato l'Iframes.

    Prova

    Io ho letto che l'Iframe è cmq meglio del frame, però alle brutte, copio il menù laterale in tutte le pagine e via!

    Ho imparato almeno un pochino a capire la differenza di tag tra Html e Xhtml e ora mi convalida tutte le pagina.

    Paola... che te ne pare? 😉

    Col php mi lego! 😞

    0
  • P
    Super User •

    Ciao, 🙂

    Beh, la pagina di prova è molto semplice, quindi direi che va bene.
    Ma non ti arrendere: avevi letto l'esempio di include che ti avevo messo nell'altro messaggio?

    Altra cosa, tu usi Explorer o Firefox?

    0
  • V
    Super User •

    @Paola_mi said:

    Ciao, 🙂

    Beh, la pagina di prova è molto semplice, quindi direi che va bene.
    Ma non ti arrendere: avevi letto l'esempio di include che ti avevo messo nell'altro messaggio?

    Altra cosa, tu usi Explorer o Firefox?
    Si le pagine sono tutte in quel modo, header, foother, indice laterale e testo. Niente di eccessivo! 😛

    Sisi l'ho letto e ci ho provato, GRAZIE, la pagina viene fuori il problema è che il DTD per l'Xhtml è Strict e non Transitional e così mi da un sacco di errori.

    Posso mettere l'include del php in una pagina con DTD Xhtml Transitional invece che Strict? Perchè vorrei partire con un sito convalidato e non ho tempo al momento di studiarmi quali valori sono accettati dall'Xhtml Strict e quali no.

    Ah io uso IE e poi verifico che i siti si vedano sia con Opera che Firefox, nei limiti del mio possibile cerco di aggiustarli per tutti e tre. Non ho Netscape invece.

    0
  • P
    Super User •

    @Vampiretta said:

    Si le pagine sono tutte in quel modo, header, foother, indice laterale e testo. Niente di eccessivo! 😛

    Sisi l'ho letto e ci ho provato, GRAZIE, la pagina viene fuori il problema è che il DTD per l'Xhtml è Strict e non Transitional e così mi da un sacco di errori.

    Posso mettere l'include del php in una pagina con DTD Xhtml Transitional invece che Strict? Perchè vorrei partire con un sito convalidato e non ho tempo al momento di studiarmi quali valori sono accettati dall'Xhtml Strict e quali no.

    Ah io uso IE e poi verifico che i siti si vedano sia con Opera che Firefox, nei limiti del mio possibile cerco di aggiustarli per tutti e tre. Non ho Netscape invece.

    Certo che puoi. Mi raccomando di mettere il Doctype giusto.

    Visto che usi IE, puoi scaricarti la barra dell'accessibilità, che ha un sacco di funzioni che possono tornarti utili.

    0
  • V
    Super User •

    Si il Doctype per il Transitional l'ho messo giusto anche nella pagina che vedi ora. E per programmare uso Home Site e ho scoperto (solo ieri che torda) che se scelgo un determinato Doctype poi lui mi mette i tag giusti per la programmazione. 😛

    Dopo provo anche a usare l'include del php, anche se bho... a me sto php non so perchè mi sta antipatico. Non riesco a vedere le pagine caricandole in locale, mi torna assai scomodo programmare così.

    C'è soluzione a questo? Sicuramente c'è e io non la conosco! :arrabbiato:

    0
  • V
    Super User •

    Paola altra domandina, ho vivistato i tuoi siti.
    Intanto complimenti sono davvero ben fatti. Chiari, essenziali e eleganti.

    Ora mi chiedevo, a me i pulsanti per indicare che il sito è convalidato dal W3C non piacciono, intendo quelli che danno loro. Tu ne hai messi di piccolissimi. Li hai fatti tu? Insomma me li posso creare come mi pare?

    0
  • P
    Super User •

    Dunque... 😉

    No, il php in locale non lo vedi... devi scaricarti EasyPhp e installarlo.
    Poi entri nella cartella e nella sottocartella "www" ci metti il tuo sito.
    Poi nella barra degli indirizzi digiti http://localhost e vedrai magicamente comparire il tuo sito così come verrà una volta uppato in rete.

    I loghetti sì, li ho fatti io. Non credo crei problemi visto che comunque il link associato è corretto. 🙂

    0
  • V
    Super User •

    @Paola_mi said:

    Dunque... 😉

    No, il php in locale non lo vedi... devi scaricarti EasyPhp e installarlo.
    Poi entri nella cartella e nella sottocartella "www" ci metti il tuo sito.
    Poi nella barra degli indirizzi digiti http://localhost e vedrai magicamente comparire il tuo sito così come verrà una volta uppato in rete.

    I loghetti sì, li ho fatti io. Non credo crei problemi visto che comunque il link associato è corretto. 🙂
    Paola grazie per le mille info!!! 😉 :bacio:

    Mi scarico subito EasyPhp e cerco di capire ciò che mi hai scritto dopo! 😄

    Per i loghini allora magari me li invento come voglio, i loro sono talmente grossi!!

    0
  • V
    Super User •

    Ora ho un altro problema, :arrabbiato: vorrei che l'iframe laterale sia adattasse alla lunghezza del testo che ci metto dentro.

    Ho messo ovunque 100% ma si ferma sempre e mi compare la barra.

    Inoltre non ho capito perchè la barra non si colora di arancione come l'altra.

    Ecco la pagina

    E il codice css è scritto così:

    [html]html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    color: #FF6600;
    background-color: #FFFFCC;
    background-image: url(immagine-sfondo.gif);
    background-attachment: fixed;
    font-family: Garamond;
    font-weight: bold;
    font-size: 16px;
    SCROLLBAR-FACE-COLOR:;
    SCROLLBAR-ARROW-COLOR:;
    }

    p{margin:0 10px 10px}
    div#header {height:35px; margin:0; padding-left:15px; padding-top:5px; background-image: url(immagine-sfondo.gi); background-color:}
    div#container{text-align:left; height: 100%;}
    div#content p{line-height: 1.4;}
    div#navigation{ background:;
    background-attachment: fixed;
    height: 100%;
    }

    div#footer{background:; color:; font-size: 13px; text-align:center}
    div#footer p{margin:0; padding:5px 10px;}
    div#container{width:900px; margin:0 auto;}
    div#content{float:right; width:760px; padding-top:15px;}
    div#navigation{float:left; width:140px;}
    div#footer{clear:both;}

    #iframe {
    overflow: auto;
    width: 140px;
    height: 100%;
    }[/html]

    0
  • P
    Super User •

    Vampiretta, prova a **non **mettere l'height, non è necessario.

    0
  • V
    Super User •

    Paola ecco cosa succede se tolgo tutti gli height

    Pagina prova

    :arrabbiato:

    0
  • P
    Super User •

    ok! proviamo un'altra strada, prova a mettere:

    height: 100%;

    0
  • V
    Super User •

    Ehm dove lo metto?

    Perchè ho provato a metterlo solo css per la voce iframe e non funge, diventa piccino. Se lo metto anche agli altri div si allunga un po' ma mai completamente. :arrabbiato:

    Ecco la pagina

    E il codice css

    [HTML]html,body {
    margin: 0;
    padding: 0;
    color: #FF6600;
    background-color: #FFFFCC;
    background-image: url(immagine-sfondo.gif);
    background-attachment: fixed;
    font-family: Garamond;
    font-weight: bold;
    font-size: 16px;
    SCROLLBAR-FACE-COLOR:;
    SCROLLBAR-ARROW-COLOR:;
    height: 100%;
    }
    p{margin:0 10px 10px}
    div#header {height:35px; margin:0; padding-left:15px; padding-top:5px; background-color:}
    div#container{text-align:left; height: 100%;}
    div#content p{line-height: 1.4;}
    div#navigation{ background:;
    background-attachment: fixed;
    background-image: url(immagine-sfondo.gif);
    height: 100%;
    }
    div#footer{background:; color:; font-size: 13px; text-align:center}
    div#footer p{margin:0; padding:5px 10px;}
    div#container{width:900px; margin:0 auto; height: 100%;}
    div#content{float:right; width:760px; padding-top:15px;}
    div#navigation{float:left; width:140px; height: 100%;}
    div#footer{clear:both;}
    #iframe {
    overflow: auto;
    width: 140px;
    height: 100%;
    }[/HTML]

    0
  • V
    Super User •

    Ehm ovviamente il problema è iframe, perchè se metto il testo nel div navigation senza iframe si allunga di quanto deve senza problemi.

    Ma non so come risolvere con l'iframe, anche online non trovo nessuna specifica. Devo per forza dargli una misura io misà.

    0
  • P
    Super User •

    'giorno... 🙂

    io il link che hai postato, con FF, lo vedo benissimo.
    Continuo a sconsigliare l'iframe.
    E mi dispiace se non riesco ad aiutarti perché io non ho mai usato né frames né iframes... :bho:

    0
  • L
    User Attivo •

    Ciao vampiretta,
    con heght:100% l'iframe prende come altezza la massima disponibile del blocco in cui è contenuto. Dal codice mi sembra che questo blocco sia il wrapper, e l'altezza del wrapper è a sua volta pilotata dall'altezza del corpo centrale.
    Quindi l'altezza massima dell'iframe sarà uguale a quella del corpo centrale, che dipende a sua volta dal suo contenuto.

    Penso (non sono sicuro) che le dimensioni dell'iframe siano impostabili solo in valori fissi o in dipendenza delle dimensioni del blocco contenitore e non rispetto al contenuto della pagina richiamata.

    Il consiglio di Paola_mi di usare l'include è prezioso perchè ti risolverebbe il problema 🙂

    :ciauz:

    0
Effettua l'accesso per rispondere