• User

    [WIP] HomePage Personale Css...W3C sconosciuto

    salve a tutti bella gente
    ho bisogno del vostro aiuto e della vostra consulenza!
    devo creare una pagina personale per un tizio che conosco (non è proprio un sito di un ente o di un'amministrazione ma un lavoro che molto deve avvicinarsi).
    iniziamo con la cornice del quadro
    ho appena impostato i css sulla base dei colori che lui aveva richiesto e creato questa pagina
    http://www.webalice.it/bladegpa/Hom...ndexpulito.html
    qui il css
    http://www.webalice.it/bladegpa/HomePage/aran.css
    avrei bisogno di una
    CORREZIONE FORMALE della pagina
    possono andare così i css?
    c'è qualche errore di forma?
    io lavoro con una strana risoluzione (col mio notebook 1440x900)
    e con firefox dovrebbe andare bene!
    soltanto che ieri l'ho provata da un altro pc (non sò a quale risoluzione)
    e il contenuto della colonna centrale (il benvenuti x intenderci) veniva spedito in basso... (cosa che riesco a notare anche con Dreamweaver...x una modifica + veloce...ho tempi ristretti... stò utilizzando questo x la modifica del codice...)
    forse a causa dei bannerini nelle colonne a sx e a dx!
    ecco appunto...vorrei bloccare la dimensione delle colonne di sx e dx....e lasciare variabile la dimensione della colonna centrale che dovrebbe contenere tutti i contenuti!

    detto questo..che ve ne pare?
    non me ne intendo molto di webdesign... come pagina personale può andare?...nel banner in alto stò realizzando un collage in photoshop che richiama il verde e l'azzurro della pagina...
    come dimensioni và bene?..760x487... o è eccessivo?


  • Super User

    Ciao,
    mi sembra che al momento i problemi siano 2.
    Inizialmente devi mettere a posto l'xhtml, perchè altrimenti non ci da la possibilità di valutare tutto l'insieme.
    Infatti da diversi errori
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webalice.it%2Fbladegpa%2FHomePage%2Findexpulito.html&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&No200=1&verbose=1

    Detto questo il secondo problema è l'implementazione. Se butti giù prima tutto il codice e poi testi, micro-problemi diventano macro e cercarne una soluzione crossbrowser diventa come cercare un ago nel pagliaio.

    A occhio ti consiglierei di fare un debug solo con gli elementi principali e vedere se con altre piattaforme e/o risoluzioni la grafica e l'aspetto sono compatibili, poi uno alla volta inserire bannerini e vari.

    Ancora ad una veloce occhiata, proverei a chiudere il <div id="leftsidebar"> ovvero il primo, prima di <div class="rightnews"> poichè già è concettualmente un errore di progettazione. Dopo di chè farei delle prove con la metodologia sopra elencata.

    Ciao 🙂


  • User

    grazie x la risposta ma.....kavoli...mi sono confuso + d prima :)))
    ho visto gli errori scovati
    ma essenzialmente non ho mica capito bene dove ho sbagliato... x esempio
    *Error Line 15, column 11: there is no attribute "align" . ** <p align=**"center"><img src="images/prova titolo.jpg" alt="" width="760" height * You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

    e cioè?
    dove stà l'errore!?!?boh...
    e poi scusa
    ma togliendo il div "leftsidebar"
    non è come se togliessi il div centrale...cioè il corpo centrale...e le 3 colonne dentro vanno x i cavoli loro?!?!


  • Super User

    ma essenzialmente non ho mica capito bene dove ho sbagliato... x esempio
    Per esempio utilizzi xhtml e il align=qualcosa, che non esiste per xhtml
    Il tuo errore è utilizzare xhtml senza sapere quali tag e proprietà sono deprecati infatti sopra, come tu citi
    This error is often caused by incorrect use of the "Strict" document type
    vuol dire che nel dtd che hai usato, quei tag, elementi, proprietà, ecc.. non ci andavano

    ma togliendo il div "leftsidebar"
    no, io non ti ho detto di togliere niente, ma di chiuderlo prima 🙂
    Ancora ad una veloce occhiata, proverei a chiudere il <div id="leftsidebar"> ovvero il primo, prima di <div class="rightnews"> poichè già è concettualmente un errore di progettazione. Dopo di chè farei delle prove con la metodologia sopra elencata.
    Infatti li annidi (i div) senza tener conto della struttura reale. Non dico toglierli, ma aprirli e chiuderli nella giusta successione ed ordine (almeno logico/procedurale)

    Ciao


  • User

    cavoli....risposta + seria del previsto
    grazie 1000 x l'illuminazione...sugli errori formali e non che ho creato!
    il problema ora stà...nel fatto che il +presto possibile devo rendere operativa tale pagina!!!
    ah un'ultima cosa...xciò..x evitare che il contenuto del div centrale (quello del Benvenuti)...venga spedito in basso a certe risoluzioni..che posso fare?... se non ingrandivo il div di dx....questo non succedeva (ho la prova visiva con dreamweaver)