• User Newbie

    Problemi con css

    Ciao a tutti!

    Sono un appassionato alle prime armi 🙂 ...!
    Mi piacerebbe molto imparare a fare dei siti internet e, da poco, ho cominciato a leggere qualche guida su (x)html e sui css. Ho provato a mettere in pratica ciò che ho letto sul materiale reperito ma, ho qualche problema quando provo ad inserire qualche codice css. Precisamente, inserisco un codice css, preso da qualche guida qua e là, ma quando poi vedo il risultato sul "mio localhost" non accade nulla di quello che invece accade sulle guide. Il codice css inserito, viene riproposto nella pagina web così come da me scritto.
    Qualcuno potrebbe dirmi dove sbaglio? :bho:Salto un passaggio? Vi ringrazio anticipatamente. Ciao a tuttiiiii


  • User Attivo

    Ciao,
    dovresti per prima cosa "postare" anche il codice, se non vedo non capisco dove sono gli errori...

    Ricordati:

    • importare il foglio di stile (verifica sempre il percorso)
    • verifica le classi e gli id che scrivi nel tuo foglio...li hai assegnati correttamente in pagina?
    • i percorsi a dei background-image nel foglio sono corretti?

    Altro? Tu inizia a segnalarci qui il tuo codice e poi lo vediamo insieme...


  • User Newbie

    [....]

    Ciao misterwo 🙂 ti ringrazio per la disponibilità e per la rapidità con cui hai " accolto la mia supplica ".
    Ti riporto qui il codice. Ribadisco però, che sono alle prime armi e quindi chiedo scusa per eventuali "orrori". Ciaoo
    Nb: Gli articoli inseriti nei paragrafi sono presi a caso.

    [html]<html>

    <head>
    <title>Francesco</title>
    </head>

    <h1>CIAO!</h1>

    <h4><li>pillole</h4>
    <h4><li>news</h4>
    <h4><li>immagini</h4>
    <h4><li>video</h4>

    <h2>layout a due colonne con float</h2>

    <div>Molto rumore per nulla (titolo originale in lingua inglese: "Much ado about nothing") è il titolo di una commedia teatrale ambientata a Messina, scritta da William Shakespeare tra l'estate del 1598 e la primavera del 1599. Considerata a lungo commedia romantica per i temi amorosi e per la struttura ricca di elementi farseschi e giocosi, l'opera rientra a pieno titolo nel novero delle tragicommedie, nelle quali l'elemento comico si fonde a quello tragico e propriamente drammatico, qui rappresentato dalla finta morte di una delle protagoniste, la bella Ero, e dal complotto ordito da Don Juan per tentare di sviare la storia dal lieto fine cui tuttavia volge. Commedia breve e brillante, è stata fortunata sul versante della rappresentazione teatrale, restando nei secoli una delle commedie di Shakespeare più conosciuta e portata sulle scene.L'efficacia della macchina teatrale è stata riconosciuta come tecnicamente magistrale, anche nei suoi aspetti secondari e nei particolari apparentemente insignificanti, dalla quasi unanimità della critica.

    La locuzione "molto rumore per nulla" è entrata nel gergo comune, sia di matrice anglosassone che non, per indicare una esagerazione o una assurdità riferita ad un fatto del tutto trascurabile o in
    <p>Il premier israeliano Tzipi Livni ha informato telefonicamente il presidente Shimon Peres dell'impossibilità di arrivare ad un accordo per la formazione del nuovo governo. Si fa sempre più strada quindi l'ipotesi di elezioni anticipate, necessarie se il presidente Peres dovesse rendersi conto che nel parlamento attuale (Knesset) non vi sia nessuno in grado di formare un nuovo governo. La stampa israeliana ipotizza che si possa andare alle urne presumibilmente verso la metà di febbraio.

    Gli accordi per la creazione del nuovo esecutivo sono falliti a causa del rifiuto della Livni a concedere nuovi fondi per il welfare richiesti dal partito religioso dello Shas, che ha di conseguenza opposto un netto rifiuto all'appoggio della coalizione. La Livni aveva precedentemente ottenuto l'accordo con i laburisti ed i comunisti del Meretz, ma, afferma la Livni, «quando mi sono trovata a dover scegliere fra i continui ricatti oppure elezioni anticipate, ho preferito le elezioni».

    Dopo questo fallimento la Knesset, che domani inizierà la sessione invernale, avrà vita breve prima dello scioglimento. Infatti dopo l'annuncio del premier del fallimento dei negoziati per la formazione del nuovo governo, il presidente Peres nei tre giorni successivi potrà tentare nuove consultazioni, e nelle tre settimane successive può essere presentato un nuovo candidato premier che abbia ottenuto il voto di almeno 61 dei 120 parlamentari della Knesset.

    Se, come sembra, nessun candidato verrà presentato dopo queste tre settimane, si inizierà la campagna elettorale che dura 90 giorni.

    Le elezioni si svolgono al termine della campagna elettorale nell'ultimo martedì a disposizione, che sarebbe, come affermato dal quotidiano israeliano Hàaretz, il 17 febbraio. Un'altra possibilità, anche se remota in quanto nessuno pare interessato a rimandare ancora il voto, e quella che i leader dei diversi partiti israeliani si accordino per una data specifica approvando a questo scopo una legge./p>
    <p>Queste segnalazioni - che affiancano quelle relative alle Voci in vetrina ed alle voci più curiose, cui è dedicata la sezione Lo sapevi che - consentono di rinfrescare più agevolmente e con un giudizio il più possibile collettivo, la rubrica degli Argomenti e voci della settimana che viene rinnovata, per l'appunto, ogni settimana[2] con l'intento di presentare le voci di nuova pubblicazione relative ai più diversi argomenti.

    I wikipediani, oltre che segnalare le voci su questa pagina, sono ovviamente liberi di immettere direttamente le voci nel template relativo alla settimana seguente avendo cura - in questo caso - di mantenerne la struttura: il template, infatti, consente la visualizzazione, in alternanza tra loro, di tre voci per volta fino ad un massimo di ventiquattro voci complessive[3].

    Note

    1. ^ Per i criteri della selezione automatica vedi qui; dato che la selezione non è in tempo reale controllate che il report sia recente prima di usarlo.
    2. ^ Ciascuno dei template settimanali copre l'arco temporale che va dal lunedì alle 02:00 CEST (00:00 UTC) alla medesima ora del lunedì successivo.
    3. ^ Se non hai idea di come la cosa funzioni, puoi limitarti alla segnalazione su questa pagina: la tua segnalazione verrà comunque presa in considerazione e inserita in uno dei template settimanali.
      </p> </div>

    body{
    background:#141416;/* colore di sfondo della pagina /
    overflow:hidden;/
    nascondo la barra di scorrimento /
    color:#fff;/
    colore delle scritte nella pagina /
    font-style:Helvetica;/
    stile delle scritte della pagina /
    font-size:20px;/
    dimensione nelle scritte della pagina */

    }

    a{

    color:#cFcFEF;/* colore dei link */
    font-size:14px;/* dimnesione dei font dei link */
    text-decoration:none;/* il valore 'none' indica 
                            di non mettere  la sottolineatura
                            standard al link*/
    

    }

    a:hover{/* il valore hover indica come si deve comportare la
    scritta del link al passaggio (hover) del mouse su
    di essa*/

    color:#cFcFEF;/* colore della scritta on mouse over */
    border-top:1px solid #efefef/* un effetto di bordatura 
                        superiore (border-top)
                        grande 1px e con una linea continua 
                        (solid) di colore grigio chiaro
                        (#efefef) */
    

    }

    #main{/* descrizione di un div con id=main (# indica id) */

    border:1px solid white;
    background:#252527;
    width:750px;/*dimensione del div: larghezza */
    height:600px;/*dimensione del div: altezza */
    margin:0px auto;/posizionamento automatico
    al centro della pagina. Funziona con
    ie7,ff,safari,chrome,opera
    in ie6 bisogna specificare esplicitamente
    di quanti pixel vogliamo distanziare il nostro
    div da destra a sinistra, per collocarlo al
    centro
    /

    }

    #header/* descrizione di un div con id=header (# indica id) */
    {

    color:#FFFFFF;
    font-size:14px;
    

    }

    #content/* descrizione di un div con id=content (# indica id) /
    {
    border:1px solid red;
    background:gray;
    padding:40px 40px 40px 40px;
    /
    padding è una caratteristica
    che dice al browser quanti pixel devono
    esserci di distanza tra un elemento e
    l'altro contenuti nel div con id=content
    come i margin si legge in senso orario,
    pertanto i 4 valori indicano (top, right,
    bottom, left)
    */
    color:#FFFFFF;
    font-size:14px;
    height:300px;
    }

    #footer/* descrizione di un div con id=footer (# indica id) */
    {
    margin-top:50px;/qui vediamo che i border
    come i padding, possono essere
    separati inquattro attributi distinti:
    top,bottom,right, left
    /

    margin-bottom:0px;
    margin-right:10px;
    margin-left:550px;
    color:#FFFFFF;
    font-size:12px;
    

    }

    </body>
    </html>[/html]


  • User Attivo

    Eh si...ci sono un po' di "mischiotti"....
    se puoi ti consiglio di comprarti: h t t p ://w w w.cssguidacompleta.com/

    Dovresti per prima cosa organizzare la pagina...

    -> <h4><li>video</h4> non è cosa buona e giusta...
    -> quando apri un <p>...poi lo devi chiudere -> </p>

    Ottima cosa direi la voglia di imparare, ma copiare e incollare senza capire ti crea solo problemi.

    Secondo me prima studia:
    h t tp ://c s s.html.it/guide/leggi/2/guida-css-di-base/
    ht tp ://w w w.porteapertesulweb.it/css/xhtml/struttura.htm
    h t t p://w w w.web-link.it/xhtml/2struttura.html
    h tt p://x html.html.it/guide/leggi/51/guida-html/

    Devi prima conoscere html, regole css...


  • User Newbie

    [....]

    Grazie misterwo dei consigli ... cercherò di seguirli nel migliore dei modi:). Spero la prossima volta di postare qualcosa di più decente. A presto