LORETTA B. forum
Linguaggi di programmazione => Html, Xhtml e CSS => Topic aperto da: mar - Settembre 06, 2009, 20:16:46
-
Laura :bye:
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! :stella:
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! :sbirciare:
La Nutella c'è! :cheers:
Grazie Laura e grazie a tutti,buonanotte :buonanotte:
http://luisona.altervista.org/auto/auto.html (http://luisona.altervista.org/auto/auto.html)
:baci1:
-
Ciao Mar :ciao:
sono stato così tanto catturato dai tuoi quiz :hihihi: che non posso fare a meno di curiosare tra i tuoi progetti e cimentarmi nel cercare una possibile soluzione :ind:
Guarda un po' questa mia soluzione (http://win.elle2.com/public/mar_4/auto.html) :sm269:
Debbo dire che ho avuto un po' di difficoltà nell'allineare la prima riga :Shok94: ma poi ho pensato di mettere un bel
<br class="clearfloat" />
prima del primo
<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 lo puoi ammirare qui (http://win.elle2.com/public/mar_4/auto1.html) dove ho portato il salone ad un livello leggermente più basso
:n011: :bye:
-
Ciao Mike! :979:
Grazie! :baci1:
Ottima l'ultima! :okkey:
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! :Cartelli2:
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! :979:
-
Come hai fatto a centrare la freccetta sulla banda?
Vero, hai perfettamente ragione. :accidenti:
Nella foga di presentare le due versioni della pagina mi ero dimenticato di questo particolare.
Allora occorre fare due calcoli:
la banda è alta 58px
.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
.freccetta {
margin-top: 4px;
}
Se ricordi questo problema lo avevo affrontato anche nella prima pagina (http://ilquadernodimike.altervista.org/mar/) (quella con il logo grande) dove la classe della freccetta l'avevo erroneamente chiamata "frwccetta".
Ciao e alla prossima :bye: :979: :rosa:
-
Ciao Mike! :baci1:
:okkey:
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! :Cartelli2:
:testate:
-
Ciao Mar :ciao:
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.
<div id="monolocale">
<div ID="cucina">...........</div>
<div ID="salone">...........</div>
</div> <!-- fine monolocale -->
oppure
<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:
<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:
#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:
<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:
#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.
(http://ilquadernodimike.altervista.org/_altervista_ht/lavoro1.jpg)
-
:okkey:
Chiarissimo Mike! :Cartelli36: :Cartelli36: :Cartelli36:
Illuminante come una fotoelettrica!I tuoi esempi li tengo tutti! :Cartelli32:
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 :Cartelli70: 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 :baci1:
A presto sperando di non deludere i miei insegnanti! :979:
-
:bye: 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....
:pensare: come avete fatto in un monolocale, a metterci dentro 2 o tre cucine, altrettanti saloni ecc... :hihihi: :hihihi: :hihihi:
Insomma io ho problemi con 120mq di casa, svelateci il segreto :hihihi: :hihihi:
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
:baci1: :bye:
-
...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 :Shok123:
La nostra abitazione rimane monolocale solo per motivi fiscali, perchè se lo cambiamo in villa verremmo a pagarci più tasse :help:
-
La nostra abitazione rimane monolocale solo per motivi fiscali
:accidenti: non ci avevo pensato :sm269: :sm269:
-
:baci1:
Vi meritate una canzone delle mie:
son quiii tra le vostre braccia ancoor :Party28:
avvinta come l'eeedeeraaaa :Party28:
sono folle di voooi e la mia gioventuùùù :Party28:
in un supremo aneeeeliitooo :Party28:
voglio darvi con l'aaaniiimaaa :Party28:
senza nulla mai chieeedereee.... :Party28:
Vabbeh senza nulla chiedere ...ho gia' chiesto ,che faccia tosta :hihihi:
Comunque è una dedica canora maresca! :sm102:
Cosi' per intervallare lo studio! :coffe:
Bacioni a entrambi! :baci1: