• Bannato User Attivo

    [Validatore]: Avvisi nel CSS che non capisco

    Dunque, allora, nel foglio di stile ho questa formattazione con float a sinistra per alcuni link:

    a.link_sito {
    color: #fa8072;
    border-bottom:1px dashed;
    font: 1.30em Georgia,"Trebuchet MS",Verdana,Helvetica,sans-serif;
    text-align:left;
    text-decoration: none;
    float:left; clear:left;
    }

    a.link_sito:hover {
    color: #800000;
    background-color: #F5DEB3;
    text-align:left;
    float:left; clear:left;
    }

    E per il testo descrittivo che li accompagna, sempre con il float a sinistra:

    .testo {
    color:#cc9;
    font:1.20em Verdana,"Trebuchet MS", Helvetica, sans-serif;
    text-align:justify; clear:both;
    margin-top:0px;
    }

    Non capisco :mmm:
    è tutto perfettamente funzionante eppure mi dà il seguente avviso per tutte e tre le classi:

    "Questa proprietà si applica ad elementi di tipo block-level."

    Ma altre volte non me lo aveva indicato. Che significa, che il mio foglio di stile non è valido per colpa di questi tre casi specifici? 😞


  • User Attivo

    significa che float (e forse anche clear) si applica solo a elementi di tipo block-level, mentre i link sono elementi di tipo inline.


  • User Attivo

    il messaggio ti avvisa che la proprietà float si applica a elementi di tipo block-level mentre i link (come nel tuo caso) sono elementi inline ...


  • Bannato User Attivo

    e quindi è un errore? devo rifare tutto daccapo?


  • User Attivo

    togli semplicemente il float..


  • Bannato User Attivo

    non posso, se lo tolgo non mi si allineano più a sinistra come voglio.


  • User Attivo

    puoi trasformare i link in elementi di blocco con:

    display: block


  • Bannato User Attivo

    ah... ma che palle però...
    c'era il problema, poi, di Internet Explorer che interpretava male il css e mi metteva uno spazio non voluto tra il link e la sua descrizione :mmm:
    Per capirci, al solito la pagina è questa:

    http://www.paroledautore.net/links.htm

    Se cambio in block, poi non è che impazzisco daccapo?


  • User Attivo

    scusa ma non capisco a cosa serve il float ...


  • Bannato User Attivo

    me l'ha consigliato giorni fa Ienavr, perché spiegavo che per quel caso specifico mi serviva che i link e le relative descrizioni fossero posti sulla sinistra, mentre il body del template imposta i contenuti al centro, e per un solo caso specifico, non posso certo modificare il body.


  • User Attivo

    non ti converrebbe inserire ogni link e descrizione in un <div> o un <p> per cui specifichi text-align:left


  • Bannato User Attivo

    devo provare, e vedere se funziona.. il risultato che voglio ottenere è esattamente questo.


  • Bannato User Attivo

    p.s. però non capisco, in alcuni casi tante regole tutte simili che mi pare si contraddicano un pò.. se il float non necessariamente è usabile solo per le immagini, non capisco perché poi venga segnato come errore o avviso che non è consono...


  • User Attivo

    non è che le regole si contraddicono...però se vuoi un sito che sia validato devi chiaramente stare attenta a più cose, mentre se ti interessa solo il risultato grafico e di impaginazione puoi "fregartene" della validazione!

    comunque non mi pare che utilizzi un cms per realizzare il sito e quindi, se sono tutte pagine html, potresti anche assegnare un foglio di stile diverso a questa pagina particolare assegnando nel body l'allineamento a sinistra...poi vedi tu..si può fare in mille modi diversi secondo me...


  • Bannato User Attivo

    si ma sei stato tu a consigliarmi prima il float, adesso mi dite che non va bene uffa..
    la validazione è una cosa a cui tengo tantissimo, tant'è che quasi la totalità delle mie pagine è validata; se non ci avessi tenuto, non avrei rifatto 7000 pagine a mano..
    e uso più fogli di stile, si, ma non credo sia questo il problema.

    Ad ogni modo, ora ho fatto così:

    a.link_sito {
    color: #fa8072;
    font: 1.30em Georgia,"Trebuchet MS",Verdana,Helvetica,sans-serif;
    text-align:left;
    text-decoration: none;
    display: block;
    }

    a.link_sito:hover {
    color: #800000;
    background-color: #F5DEB3;
    text-align:left;
    text-decoration: none;
    display: block;
    }

    e così facendo il validatore non dà più avvisi però
    siccome ho lasciato il colore di sfondo al link sull'hover perché mi piace molto, succede adesso però che se vedi, mi fa tutta una striscia e sta male...
    che palle
    come risolvo uffaaaaaaaaa


  • User Attivo

    primo: ti consiglio di respirare e di contare fino a dieci prima di prendertela con chi ha cercato di aiutarti...

    secondo: quando hai chiesto aiuto non hai mai specificato di volere un codice validato....

    terzo: ti dico come risolverei io...vedi tu se darmi retta o no!

    nell'html sostituisci questo pezzo di codice:

    <p class="categoria">- Web-design, risorse, informatica, tecnologie -</p>

    con questo:

    <div class="lefty">
    <p class="categoria">- Web-design, risorse, informatica, tecnologie -</p>

    e questo pezzo di codice:

    <p class="testo">Un sito vario e ben articolato, dedicato principalmente all'arte della creazione di bambole e pupazzi.</p>

    con questo:

    <p class="testo">Un sito vario e ben articolato, dedicato principalmente all'arte della creazione di bambole e pupazzi.</p>
    </div>

    nel css aggiungi

    div.lefty {text-align:left;}

    cambia questo:

    .categoria {
    color: #ff9966;
    font: italic 1.30em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    word-spacing: 0.2em;
    margin-top:3px;
    **margin-bottom:15px; **
    }

    con questo:

    .categoria {
    color:;
    font: italic 1.30em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    word-spacing: 0.2em;
    margin-top:3px;
    **margin-bottom:15px; **
    text-align:center;
    }

    e cambia questo:

    a.link_sito {
    color: #fa8072;
    font: 1.30em Georgia,"Trebuchet MS",Verdana,Helvetica,sans-serif;
    text-align:left;
    text-decoration: none;
    display:block;
    }
    a.link_sito:hover {
    color: #800000;
    background-color: #F5DEB3;
    text-align:left;
    text-decoration: none;
    display: block;
    }

    con questo:

    a.link_sito {
    color:;
    font: 1.30em Georgia,"Trebuchet MS",Verdana,Helvetica,sans-serif;
    text-align:left;
    text-decoration: none;
    }
    a.link_sito:hover {
    color:;
    background-color:;
    text-align:left;
    text-decoration: none;
    }


  • Bannato User Attivo

    oddio il forum mi dava errore nel db e nn so se è arrivato il messaggio... è tutto mezzo impallato 😞
    lo rincollo.

    @ienavr said:

    primo: ti consiglio di respirare e di contare fino a dieci prima di prendertela con chi ha cercato di aiutarti...

    secondo: quando hai chiesto aiuto non hai mai specificato di volere un codice validato....

    se ti sei offeso ti chiedo scusa, non ho mai avuto intenzione di offendere nessuno, anzi, tutto quello che ho imparato è stato grazie ai forum e non solo alla mia volontà (e credimi, dopo che stai un anno a fare e rifare le stesse cose e passi la vita davanti al monitor cominci ad avere un pò le balle piene 😉 )

    sul fatto di non aver specificato, ti dò ragione un pò si e un pò no, perché solo l'anno scorso ho capito che avevo l'atteggiamento sbagliato e che dovevo rifare di sana pianta (come ho fatto, con una fatica bene immaginabile) 7000 e rotti pagine, se volevo poter dire di avere un "sito" e non uno schifo. Quindi, essendo un mondo compltamente nuovo per me, dove nonostante le letture continue di guide e guide, continuassi a sentirmi una deficiente, se non fosse stato per l'indispensabile aiuto ricevuto in questo forum e in un altro, non so se oggi sarei a questo punto.
    🙂
    Quindi, vedi, se avessi voluto continuare a fregarmene del problema validità e usabilità siti standard, come tanti fanno, non mi sarei tenuta in contatto con i forum tecnici, compreso questo.
    Perdonami, per me era questo un fatto sottottinteso. Se ho sbagliato chiedo scusa. 😞

    P.S. appena riesco a sistemare un altro problema da un'altra parte, sperimento il tuo codice. grazie.


  • Bannato User Attivo

    ma mi da ancora lo stesso erroreeeeeeeeeeeee
    oddio non ce la faccio piùùùùùùù
    come devo fareeeeeee 😞 😢


  • User Attivo

    che errore?


  • Bannato User Attivo

    ciao, scusa ho risolto.
    Intanto ho levato dal div"left" la class "categoria", perché essendoci già la regola center nel body, non era necessario impostarla anche nella classe specifica e comunque faceva incongruenza.
    Poi avendo impostato l'allineamento sinistro nel div, non mi ero accorta che dovevo levare gli allineamenti singoli dalle classi "testo" e "link_sito".
    Per questi motivi, il validatore mi riportava sempre il messaggio "elemento block level".
    Così facendo ho risolto, funziona tutto a dovere e sono spariti gli avvisi.
    Grazie ancora 🙂