• O
    User Newbie •

    Associare una classe a dei paragrafi

    Altra cosa: nei css ho impostato le caratteristiche dell'intestazione1, intestanzione2, etc...
    Per quanto riguarda i paragrafi occorre impostare anche per loro una regola css? oppure il paragrafo è sempre unico (nel senso che non esiste paragrafo1, paragrafo2, etc.) e lo si va a modificare solo nei punti sove serve? per esempio mettendolo grassetto, piuttosto che nero anzichè rosso, etc...

    Un sito che ha 2.93 GB di traffico mensile è una cosa buona? ...cioè, lo so che dipende da che tipo di sito sia, da che cosa "venda"... però, in generale, come traffico è diciamo nella media?

    Grazie

    0
  • vnotarfrancesco
    ModSenior •

    Per paragrafo intendi il tag <p>? Se è quello puoi definire quante regole vuoi perché potresti avere la necessità di usare blocchi di testo in paragrafi nel corpo principale della pagina con un font e una dimensione, altri paragrafi, magari nella barra laterale con un font più piccolo e un colore più chiaro.
    Il tag sarà sempre <p> ma con l'indicazione della classe quindi diventa <p class="corpo"> e <p class="lato"> e poi definisci nel css gli stili per quelle classi, ad esempio p.corpo {color: red;}.

    Per la domanda sul traffico, come hai detto, dipende dal sto, io guarderei di più quanti visitatori hai, se sono unici, quanto tempo restano sulle pagine.

    Valerio Notarfrancesco

    0
  • O
    User Newbie •

    <div id="colSx">
    <h1>Benvenuti! </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
    <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    </div>
    <div id="colDxHome">
    <p align="center"><em>- Lorem ipsum dolor sit amet, cumcum dolor et adipiscing elit, sed diam nonummy.</em></p>
    <p align="center"><em>- Et laborem melius est sed etiam cum de et altissima cum laborem et magna laude.</em></p>
    <p align="center">- <em>Et cum magna laude, sed etiam consecutur praesent.</em></p>
    <p> </p>
    </div>
    </div>

    Dunque... io ho due div (colSx e colDxHome). Entrambi hanno dei paragrafi a cui devo attribuire caratteristiche differenti...
    Da quello che mi hai detto, dovrei creare due classi e, poi, attribuire loro uno stile ciscuno?
    "Praticamente" come si fa? :ciauz:

    0
  • vnotarfrancesco
    ModSenior •

    Visto che hai già due div, posso immaginare che hai giù un file css associato. Cerca in quel file la classe colSx e dentro le parentesi graffe potrai vedere tutte le regole definite. Ti basterà fare delle modifiche a queste regole, salvare e ricaricare il file nel browser per vederle.
    Le modifiche che fai nella classe colSx saranno applicate a tutti gli elementi che si trovano dentro quella classe.
    Se poi vuoi che solo una parte del testo abbia un aspetto differente, allora ti basterà creare una classe o un identificatore e associarlo non al <div> ma solo ad un <p>, cioè avere
    <div id="colSx">
    <p>Questo avrà l'aspetto definito in ColSx </p>
    <p class="altrop">Questo sarà diverso </p>
    </div>
    Se non ho capito quello che chiedevi dillo pure.

    Valerio Notarfrancesco

    0
  • O
    User Newbie •

    No no nn è che nn hai capito... sn io un po' alle prime armi...
    Il div di cui parlo, per esempio, è questo a cui però nn ho mai associato una classe e, a sua volta, degli stili...

    div#colSx {
    float:left;
    \width: 535px;
    w\idth:535px;
    padding-left: 40px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-right: 15px;
    background: #FFFFFF;
    }

    Ora in questo div colSx c'è un'intestazione e dei paragrafi: con l'intestanzione il problema non si pone nel senso che nei css io ho scritto:

    h1 {
    color: #D90000;
    font: 20px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    border-bottom: 1px solid;
    }

    Per i paragrafi nn so come fare: nel senso che, correggimi se sbaglio, non posso fare come con le intestazioni, cioè un p1, p2, p3...

    Quindi nel caso del div colSx io dovrei associare una classe (?) e definire lo stile ad essa associato... e qui casco nel senso che nn lo so fare "praticamente"...

    A me servono solo DUE tipologie di paragrafo a seconda che siano o nel divSx - divDx oppure nel divDxHome...

    0
  • O
    User Newbie •

    Credo di aver risolto... ho creato due classi (definite attraverso i css) e le ho assegnate ai paragrafi che mi interessavano...

    Altra cosa: se devo "incolonnare" delle immagini è corretta una scrittura simile? (Cioè è corretto incolonnare immagini attraverso paragrafi?)

    <div id="colDxImg">
    <img src="immagini/2768.jpg" alt="" width="255" height="125" />
    <p></p>
    <img src="immagini/2758.jpg" alt="" width="255" height="125" />
    <p></p>
    <p><img src="immagini/2761.jpg" alt="" width="255" height="125" />
    </div>

    0
  • vnotarfrancesco
    ModSenior •

    Se ho capito quello che vuoi fare stai semplicemente incolonnando le immagini una sotto l'altra e vuoi lasciare dello spazio. Inserire paragrafi vuoti lo si fa, come anche inserire il comando per andare a capo, il line break <br />, tuttavia anche se non sono un esperto di css penso che il metodo ortodosso sia quello di impostare un margine, in questo caso un margine inferiore.
    Puoi provare ad impostarlo al tag img o definendo uno stile in linea, cioè direttamente dentro il tag img oppure definendo una classe nel tuo css e associandola poi al tag img.
    Nel primo caso, ovvero lo stile in linea puoi fare una cosa simile:
    <img src="nome.jpg" alt="" style="margin-bottom:25px;" />
    Nel secondo caso, preferibile:
    <img class="immagini_con_margine" src="nome.jpg" alt="" />
    Poi nel file css crei la classe immagini_con_margine {margin-bottom:30px;}

    Valerio Notarfrancesco

    0
  • O
    User Newbie •

    Esatto è proprio quello che voglio fare... guarda se può andare:

    <div id="colDxImg"><img src="immagini/2761.jpg" alt="" width="255" height="125" class="immaginiColDx" /><img src="immagini/2758.jpg" alt="" width="255" height="125" class="immaginiColDx" /><img src="immagini/2768.jpg" alt="" width="255" height="125" class="immaginiColDx" /></div>

    E nel css ho scritto:

    .immaginiColDx {
    margin-bottom: 20px;
    }

    Se ho bisogno ti disturbo ancora
    Grazie mille, :ciauz:

    0
  • vnotarfrancesco
    ModSenior •

    Si ad occhio dovrebbe andare, solo una cosa, mi sembra che così le immagini vengano messe una di fianco all'altra e mi sembrava che tu le volessi in colonna una di sotto all'altra. Nel caso ti basta inserire un ritorno a capo tra un'immagine e l'altra, così: <br />

    Valerio Notarfrancesco

    0
  • O
    User Newbie •

    Ah ok... io le vedo incolonnate perchè la loro larghezza è uguale a quella del div che le contiene, quindi me le mette a capo automaticamente - almeno credo che sia così...

    Cmq provo ad inserire <br>: dovrebbe essere più giusto da un punto di vista del linguaggio...

    Grazie :ciauz:

    0
Effettua l'accesso per rispondere