Domande "collaterali"

[mar]

Dunque:
scrivo in un nuovo topic per non far confusione nell'altro che gia' è un bel "tomo" di suo!

Adesso dovrei iniziare la seconda pagina ,mentre attendo di sapere se la home va bene!

 (Mike la vedi sempre a sinistra la banda???)Fammi sapere!

Allora ho le seguenti domande derivanti da cose varie che non ho ben chiare nonostante abbia guardato e riguardato gli esempi:

Nel sito ora ho una cartella immagini un foglio di stile e una pagina: l'index appunto!

Se devo fare la seconda pagina e ha un'immagine di sfondo diversa devo creare un altro foglio di stile?
L'immagine del fondo e le altre eventuali che andranno in questa nuova pagina vanno messe nella stessa cartella immagini?

In un foglio di stile se è riferito a piu' pagine come si fa per distinguerle?

La mia grande confusione è appunto questa:come decidere quanti fogli se piu' di uno e cosa metterci,cioe' quanti riferimenti ,se a una o piu' pagine!

Ogni foglio si chiamera' in modo diverso se deve essere richiamato nella pagina giusto questo?

Affinche' tutto cio' sia collegato basta mettere tutto nella stessa cartella del sito? Nel mio caso NOTAR?

Ecco vorrei un chiarimento semplificando questo "guazzabuglio" che ho in testa!

Prima ho guardato gli esempi ,chiarendo un po' questo forse riesco ad iniziare la seconda pagina!

Grazie a tutti!
Buonanotte................ o meglio buona giornata!

[_jan_]

Potrei azzardare nel dire:
.......
Supponiamo di avere un armadietto e dentro a questo dei contenitori ugali.... ma dove in essi c'è del maeriale diverso.

contenitore 1
contenitore 2
contenitore 3
........

Quando richiami dal css, contenitore 1, la pagina avrà uno stile; diversamente puoi chiamarlo come contenitore 2.
supponiamo di chiamare una tabella allo stesso modo ma con contenuti e disposizioni diverse

<table class="contenitore 1"> dove c'è un suo stile
oppure
<table class="contenitore 2"> dove lo stile è diverso dal precedente.

la pagina verrà formata solo con un certo tipo di 'Table' richiamato.
Fino a quando non sarà chiamato o l'uno, o l'altro (ma anche più di uno)  avremo una tabella anomina ove questa esistesse.
Naturalmente se hai dei css con nome diverso per motivi a me sconosciuti li dovrai richiamare sulla singola pagina.
Così ho interpretato la tua domanda.

La cartella NOTAR è la cartella del sito nel cui interno puoi avere più cartelle. Faccio esempio:
NOTAR
-cartella-----Immagini
-cartella-----Banner
-cartella-----Altro (a caso)
Index.html
pagina1.html
pagina2.html
......etc.

Io ho fatto più cartelle per il mio sito: Bonsai, Firenze, Bambini, Favole, Cartoline, ........
Dove in ognuna ci sono html ma prendo immagini dall'omonima cartella.

Probabilmente è una delucidazione frettolosa.... per niente tecnica. E' solo per farti capire come farei io.
 

[mar]

Ciao Gianni!

Allora spetta:in una cartella devo avere sia immagini che pagine html su cui andranno le immagini contenute appunto nella stessa cartella?

Sembra contorto quanto ho scritto ,riprovo:in un contenitore del cassetto ( cartella) ci devo mettere sia immagini che pagine in cui andranno messe?

Se ho capito:
in una pagina puoi richiamare piu' css a seconda dello scopo ma,volevo sapere:in un css ci puo' essere solo uno stile non piu' di uno ?

Perdona se ti sembro( e in effetti sono!) confusa ma io gia' con html non ci navigavo parecchio quindi ora mi si accavalla tutto in una volta!

Comunque va bene come spieghi,grazie!

[micdas]

Ciao
Vediamo se per il momento questo chiarisce un po' le idee:


Più tardi vediamo il resto

[mar]

 

Grazie Mike!

[bloum]

  mar
Comprendo la tua confusione, all'inizio è normale per tutti, se poi si vogliono fare i tripli salti carpiati all'indietro (visto che siamo in clima di mondiali di nuoto) il tutto si complica ancor di più.
Allora partiamo dall'inizio...
Dobbiamo fare un sito per cui creiamo una cartella miosito.
Bene analizziamo il sito come deve essere fatto, ci dobbiamo mettere delle immagini, che siano di sfondo, di pulsanti, di bellezza...sempre immagini sono, allora dobbiamo creare una cartella che le conterrà e che la chiamiamo img.
Ovviamente avremo deciso di usare i fogli di stile e quindi creiamo anche la cartella css.
Bene il 99% dei siti vuole che si crei una struttura, il famoso armadio di jan, e che si decida di farlo con un certo materiale, ma noi che non siamo normali, lo facciamo con materiali ricliclabili, così non inquiniamo....
eh mo' che si fa?
Semplice, analizziamo il progetto.
Ogni pagina sarà differente? (fatta di materiale diverso?) SI / NO
Qualche elemento sarà comune? SI / NO
Date le risposte ci muoviamo di conseguenza, cioè.......
Supponiamo che abbiamo deciso che le pagine saranno tutte differenti, ma con degli elementi comuni, bene abbiamo due soluzioni:
1) sfrutteremo il file css per le parti comuni e lo integriamo con le parti nuove, e quindi nella pagina HTML linkeremo il solito foglio di stile
2) lasciamo il file css come sta per le parti comuni e ne creiamo uno nuovo per le parti nuove relative alla pagina, poi linkeremo tutti e due i fogli di stile
Supponiamo invece che le pagine saranno tutte differenti senza elementi in comune, bene unica soluzione creiamo un nuovo file css e abbiamo risolto.
Domandona? eh si ti leggo nel pensiero  
Ma se io ho degli elementi comuni, tipo il body, come faccio a dirgli quale voglio?
Qui subentrano le classi, quelle di cui ti parlava jan, e allora dovrai costruire il body con gli elementi in comune, poi una classe, ad es .index che si riferirà alle parti che caricherà il body dell'index e .pippo che caricherà le parti richiamate dal body della pagina pippo.
Nel file html al posto di <body> avrai <body class="index"> o <body class="pippo">
Nella speranza di essere stata spiegata ti lascio ai tuoi studi  

[mar]

Grazie Laura!

Si' infatti ho seguito il tuo discorso fino alle classi poi .......devo ritornarci,aiuto sembrano dei quiz rompicapo!

Comunque per l'organizzazione iniziale ci sono!

E' gia' qualcosa! Considerate anche la scolara " de coccio" 

Sono negata ma non mollo tanto è vero che mi sto "cimentando a presa rapida" con la seconda pagina e ,udite udite,forse ho fatto lo sfondo,simile all'index ma non uguale!

Ora per favore mi servirebbe una dritta:
ho cercato in tutti i links dei tutorial che mi hai dato ma non ho trovato ,o meglio,non ho capito dov'è quello che sto cercando e cioe' quanto segue:

la banda rossa è collocata in una determinata posizione, dovendo cambiarle posto quali sono i parametri che stabiliscono la sua posizione?

Devo cercarli nel css giusto?Non ho capito quali sono!

Grazie mille e buonanotte a tutti!

[_jan_]

pssssss........psssssssss..........
Suggerisco.........shhhhhhhhhh........
Leggi CSS in banda.....
leggi pagina in......  div..... "banda".
Io non ho detto nulla.......... 

[mar]

Grazie Gianni!

Il bello è che ho guardato....ma non ho capito!

Dopo riguardo!

[bloum]

  mar

la banda rossa è collocata in una determinata posizione, dovendo cambiarle posto quali sono i parametri che stabiliscono la sua posizione?

la banda rossa non è in una determinata posizione  e le indicazioni le trovi in questa parte di codice

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#banda {
height: 58px;
width: 911px;
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
Purtroppo mar, anche se è vero che il codice è sempre lo stesso, è anche vero che ognuno di noi lo scrive a modo suo. Io ad esempio non avrei mai costruito un div per metterci un immagine, al massimo una classe per una determinata immagine, ma visto che adotti il css shakerato di mike (Nina abbiamo anche il barman del css  ) prova a chiedere a lui come aggiustarlo.
 

[mar]

Ciao Laura!

Infatti ho visto che risulta come sfondo perche' ha la freccetta sopra!

In effetti ho capito che ognuno di voi ha un proprio "stile nel creare lo stile" ,per me siete tutti bravissimi ovviamente!Ho messo il suo perche' Felice si era lamentato del pezzo grigio,e Mike è arrivato in soccorso estemporaneo!


Ok vediamo quando arriva Mike!

[bloum]

Ho messo il suo perche' Felice si era lamentato del pezzo grigio

scusa quale pezzo grigio?

[micdas]

Ciao Mar 
Eccomi qui che arrivo giusto in tempo per chiarire alcune cosette.

Cercherò di andare in ordine.
Allora ho optato per la banda come sfondo di un <div> perchè, almeno per me, risulta molto complesso sovrapporre due immagini (la freccia sulla banda: nè in fondo alla banda, nè sotto, ma ad essa sovrapposta)

Così ho ragionato in questo modo:
siccome non mi va di fare una lotta greco-romana per sovrapporre 2 immagini, la banda la metto in un <div> come sfondo nel CSS e la freccia la metto nello stesso <div> semplicemente come immagine (forse avrei potuto impostare il <div> della banda come classe (.banda) anzichè come id (#banda) ma in questo caso per me la cosa era ininfluente perchè questo <div> viene usato una sola volta nella pagina.

Per trattare le 2 immagini ho dovuto fare alcuni conti:
La banda misura 911 x 58
La freccetta misura 84 x 50
quindi per centrare verticalmente la freccia nella banda la debbo far scendere di (58-50)/2 = 4px dal bordo superiore della banda.
Allora nel CSS ho costruito un <div>su misura per la banda:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#banda {
height: 58px;
/* width: 911px;*/
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
(Solo ora mi sono accorto che width: 911px; può risultare inutile perchè l'immagine è comunque centrata nel <div>.)
Mentre per la freccia ho regolato la distanza dal bordo superiore ed inferiore:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

.frwccetta {        /* attenzione a questo nome (frwccetta ) mi è scappato così e così me lo tengo */
margin: 4px auto;
}

Nel codice HTML, nella posizione in cui voglio la banda e relativa freccia scrivo il codice invocando queste 2 regole CSS:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<div id="banda">
<div align="right"><a href="pagina1.html">
        <img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
        </div>
</div>
Questo <div> dedicato alla banda viene distanziato dal marcho rotondo aggiungendo o rimuovendo delle normali <br /> che equivalgono al tanto INVIO premuto assieme al tasto MAIUSCOLO.

A questo punto rimane solo una questione aperta: Il centraggio del <div> della banda in senzo orizzontale rispetto alla pagina
Come dagli screenshot che ho mostrato questo <div> nella tua pagina continuo a vederlo spostato a sinistra. Questa diversità di vedute forse è dovuto al fatto che io lo vedo con FF mentre tu lo vedi in IE.
Infatti ho provato anch'io a spostarmi su IE e stranamente lo vedoc entrato.

Per ovviare a questa diversità di vedute io suggerirei di controllare le regole date al #mainContent del CSS.
io ho usato questo:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#mainContent {
padding: 0 30px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
text-align:center;
min-height: 600px;
}
Nel tuo codice vedo un padding impostato a 20.

Per ora mi sembra di aver detto tutto e di più, quindi mi fermo qui (anche perchè, in caso contrario Laura e Nina mi radieranno dall'albo per invasione di campo. Infatti più di una volta ho affermato di non essere io il mago del CSS...mi diverto solo a torturarlo, di ianto in tanto  )

[mar]

Ho messo il suo perche' Felice si era lamentato del pezzo grigio

scusa quale pezzo grigio?

Allora Felice mi fa:"Andrebbe bene ma preferirei non avere tutto quello spazio grigio sulla destra!Vorrei che finisse dove finisce la pellicola!"

Non voleva sotto la barra di scorrimento ma inquadrata solo l'immagine della pellicola!

Laura tu lo vedevi lo spazio grigio?

[mar]

Ciao Mike!

Il bello è che io becco sempre le tue soluzioni "shakerate" perche' arrivo in tua contemporanea!

Comunque sia :Mike,Laura e Nina ,per me siete tutto mostri de bravura!


Allora Mike:grazie mille 
 ho capito,dopo "opero"e poi ti fischio!

[bloum]

quindi mi fermo qui (anche perchè, in caso contrario Laura e Nina mi radieranno dall'albo per invasione di campo.

Mike tranquillo che nessuno ti radia, al massimo discutiamo sulle regole dei css

Laura tu lo vedevi lo spazio grigio?

lo spazio grigio è lo sfondo del background, ne vedevo circa 4px, ma non avevo nessuna barra orizzontale 
 

[mar]

quindi mi fermo qui (anche perchè, in caso contrario Laura e Nina mi radieranno dall'albo per invasione di campo.

Mike tranquillo che nessuno ti radia, al massimo discutiamo sulle regole dei css

Raga scusate non voglio che discutiate tra voi per colpa di questo cavolo di sito !
Colpa mia che sono totalmente "spredisposta" e si è creata confusione!

Siete tutti molto gentili e disponibili pero' non voglio crearvi problemi!
Se cosi' fosse rinuncio! Vi prego!

[bloum]

Siete tutti molto gentili e disponibili pero' non voglio crearvi problemi!
Se cosi' fosse rinuncio! Vi prego!

Ti ho già risposto di là, tranquilla che non crei nessun problema
 

[mar]

 
Ho visto !

PS Torno a scrivere sempre di la' o non ci acchiappiamo piu'!
Se vuopi trasporta tutto oppure cancella il "surplus"!

PS Puoi capire perche' sono stata soprannominata "confused angel"