Notar pagina 3 "auto"

[mar]

Laura
e tutti!

Mentre finisco la pagina 2 posto la 3 dato che sono simili e quest'ultima è piu' semplice cosi' ho provato con le basi della 2 ad adattare!

Sicuramente avro' tralasciato qualcosa,inoltre non sono riuscita a centrare la freccetta sulla banda,cioe' deve stare a sinistra ma centrata come nella pagina index!

In questa pagina ho tenuto l'arredamento,nella prossima cambiero' nomi ai div faro' l'autorimessa e lo scantinato!

Grazie per la pazienza( per ora solo grazie!)comunque non c'è fretta,sempre se passate di qui e ne avete voglia date un occhiolino poi fatemi sapere....dietro quale lavagna dovro' andare!


La Nutella c'è!

Grazie Laura e grazie a tutti,buonanotte

Non sei autorizzato a vedere i links. Registrati o Login

 

[micdas]

Ciao Mar 
sono stato così tanto catturato dai tuoi quiz che non posso fare a meno di curiosare tra i tuoi progetti e cimentarmi nel cercare una possibile soluzione 

Guarda un po' Non sei autorizzato a vedere i links. Registrati o Login 
Debbo dire che ho avuto un po' di difficoltà nell'allineare la prima riga ma poi ho pensato di mettere un bel

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

<br class="clearfloat" />prima del primo

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

<div class="cucina">e così ho risolto il problema dell'allineamento delle due stanze

Se poi si vuole spostare in sù o in giù il div salone è sufficiente intervenire sul foglio di stile impostanto il margin-top, per esempio, a 70px anzichè agli attuali 50px

il secondo esempio Non sei autorizzato a vedere i links. Registrati o Login dove ho portato il salone ad un livello leggermente più basso

    

[mar]

Ciao Mike! 

Grazie!

Ottima l'ultima!

Come hai fatto a centrare la freccetta sulla banda?
Ho provato a mettere auto come ho visto che avevo gia' fatto tu in index ma non si è mossa!



Volevo fare una domanda che riguarda la pagina due,cioe' l'altra

se voglio spostare un solo elemento( leggi una foto) non tutta la stanza come devo fare?
Intervengo sul codice della pagina?

grazie!

[micdas]

Come hai fatto a centrare la freccetta sulla banda?

Vero, hai perfettamente ragione. 
Nella foga di presentare le due versioni della pagina mi ero dimenticato di questo particolare.
Allora occorre fare due calcoli:
la banda è alta 58px

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

.banda {
height: 58px;
..............
}
la freccia è alta 50px. Di conseguenza la freccetta deve scendere, rispetto al lato superiore della banda, di 4 px (8/2).
Allora ho impostato una classe per la freccetta in modo che scenda di 4 px

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

.freccetta {
margin-top: 4px;
}

Se ricordi questo problema lo avevo affrontato anche Non sei autorizzato a vedere i links. Registrati o Login (quella con il logo grande) dove la classe della freccetta l'avevo erroneamente chiamata "frwccetta".

Ciao e alla prossima   

[mar]

Ciao Mike!
 
Ok fino qui ci sono! Grazie!

Una volta sistemate tutte tre le pagine poi ripubblico il link coi collegamenti !

Ho una domanda generica :
una cosa che proprio non mi entra in testa,cioe' ho un vago barlume ma non l'ho ancora chiara è questa:

le classi si possono ripetere invece l'id si usa una volta sola!

Perche' l'id una volta sola?

Cioe' ho visto come avete fatto nella pagina 2 ma il perche' la classe si puo' usare piu' volte e l' id no non ho ancora capito!
 

[micdas]

Ciao Mar 
intanto grazie per lo stimolo che mi dai per approfondire anche io certi aspetti della programmazione di una pagina.

Allora.
Concettualmente in una pagina (X)HTML è ininfluente usare gli attributi Classi e ID. Tuttavia dal punto di vista costruttivo è bene fare una certa distinzione tra questi due attributi:
gli ID vengono usati per definire determinate caratteristiche e funzionalità uniche ad un elemento unico in una pagina
le CLASSI vengono usate per dare a più elementi caratteristiche e funzionalità comuni

In genere
un ID viene assegnato ad un contenitore (ma anche ad un elemento unico nella pagina),
una CLASSE viene attribuita a tutto ciò che è contenuto e che può essere ripetuto in un contenitore.
ID viene usato per quegli elementi unici in una pagina, quindi possono e devono essere richiamati una volta sola
CLASS viene usato per gli elementi presenti più di una volta in una pagina

In pratica, tornando all'esempio, molto valido, dell'appartamento di Laura (ammazza che idea!!!) possiamo attribuire un ID alla casa (CONTENITORE, CONTAINER, ecc) per dare uno stile ben preciso stile a tutto l'insieme: colori, caratteri, dimensioni (Barocco, Rinascimentale, Romanico, ecc)
In una casa, tuttavia, possono esserci diverse stanze. Se queste sono semplicemente una camera, un salone, una sala possiamo continuare ad assegnare a ciascuna di queste ancora degli ID per poi passare alle classi per definire gli stili delle varie suppellettili. Ma se cominciamo ad avere 3 camere, 2 saloni, 3 sale, allora sarà conveniente assegnare a ciascuna di esse una classe ben precisa.

Passiamo alla pagina?
se nel monolocale avessimo una sola cucina ed un solo salone, potremmo usare per questi sia gli ID che le CLASSI.

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

<div id="monolocale">

<div ID="cucina">...........</div>
<div ID="salone">...........</div>

</div>   <!-- fine monolocale -->
oppure

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

<div id="monolocale">

<div class="cucina">...........</div>
<div class="salone">...........</div>

</div>   <!-- fine monolocale -->


Ma se, come nel nostro caso, abbiamo un numero illimitato di cucine e di saloni useremo solo le classi per distinguerle.

Nella pagina HTML:

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

<div id="monolocale">

<div class="cucina">...........</div>
<div class="salone">...........</div>

<div class="cucina">...........</div>
<div class="salone">...........</div>

</div>   <!-- fine monolocale -->
Nel foglio di stile:

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

#monolocale { /*ID*/
..........
}
.cucina { /*CLASSE*/
........
}
.salone { /*CLASSE*/
........
}

Sempre come nel tuo caso, nella pagina abbiamo tutte le cucine ed i saloni dello stesso stile. Ma se volessimo stili diversi per ciascuna cucina e ciascun salone possiamo creare classi diverse per ciascuna stanza:

Nella pagina HTML:

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

<div id="monolocale">

<div class="cucina_1">...........</div>
<div class="salone_1">...........</div>

<div class="cucina_2">...........</div>
<div class="salone_2">...........</div>

</div>   <!-- fine monolocale -->

Nel foglio di stile:

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

#monolocale { /*ID*/
..........
}
.cucina_1 { /*CLASSE*/
........
}
.salone_1 { /*CLASSE*/
........
}
.cucina_2 { /*CLASSE*/
........
}
.salone_2 { /*CLASSE*/
........
}

Spero di essere stato sufficientemente chiaro. Meglio di così non so spiegarmi. 

[mar]

 

Chiarissimo Mike!

Illuminante come una fotoelettrica!I tuoi esempi li tengo tutti!

Prima faticavo a comprendere quelli in cui mi hai messo le colonne ora che l'appartamentino mi ha "sfurbito" è diverso!

L'idea di Laura del monolocale in effetti è stata geniale perche' mi ha aperto la via alla comprensione!Quel container e main content che comparivano a volte si' a volte no mi disorientavano,non avevo capito che potevano avere nomi diversi da contenitore e contenuto principale li vedevo come specie di tag! Lo so per voi scafati sembra assurdo ma per chi non ne sa proprio niente essere catapultati in questi linguaggi disorienta se poi si è un po'"svagati"( una volta si diceva duri ti puoi immaginare!

Secondo me una guida creata da te e Laura sarebbe seguitissima perche' di veramente chiare per negati non ce n'è!

Infatti insegnare a uno che ci prende è facile invece è difficile far capire una cosa a chi non ci prende manco a sparargli!Uno predisposto studia anche da solo,uno "spredisposto" bisogna illuminarlo d'immenso!

Devo confessarvi che ora che sto capendo un po' di piu' mi piace e mi sto divertendo!Grazie 


A presto sperando di non deludere i miei insegnanti!

[bloum]

  mar
vedo che dopo averti illuminato, mike continua a generare corrente.... bene bene, questa cosa mi piace e... si mi rende orgogliosa....
Mike è un grande, e l'idea di una guida a più mani davvero è un gran pensiero....
...però in tutto ciò mi sfugge una cosa....
  come avete fatto in un monolocale, a metterci dentro 2 o tre cucine, altrettanti saloni ecc... 
Insomma io ho problemi con 120mq di casa, svelateci il segreto 
A parte gli scherzi, ti lascio rispondere da Mike, non per scortesia, ma perchè è di aiuto anche a lui, se poi ci dovesse essere qualcosa io ci sono sempre
 
 

[micdas]

...però in tutto ciò mi sfugge una cosa....
come avete fatto in un monolocale, a metterci dentro 2 o tre cucine, altrettanti saloni ecc...

O Laura, ma debbo dirti proprio tuttooooooooooooo 
La nostra abitazione rimane monolocale solo per motivi fiscali, perchè se lo cambiamo in villa verremmo a pagarci più tasse 

[bloum]

La nostra abitazione rimane monolocale solo per motivi fiscali

non ci avevo pensato   

[mar]

 
Vi meritate una canzone delle mie:

son quiii tra le vostre braccia ancoor
avvinta come l'eeedeeraaaa
sono folle di voooi e la mia gioventuùùù
in un supremo aneeeeliitooo
voglio darvi con l'aaaniiimaaa
senza nulla mai chieeedereee....

Vabbeh senza nulla chiedere ...ho gia' chiesto ,che faccia tosta

Comunque è una dedica canora maresca!
Cosi' per intervallare lo studio!

Bacioni a entrambi!