Tweet
Bonjour,
A force de lire encore et encore des sites de tutoriels, j'avoue que je sens un peu largué.
On vous donne toujours des infos tellement succinctes, tellement ponctuelles, qu'elle ne peuvent vraiment vous être utiles lorsque vous êtes un débutant en que vous voulez construire une page simple, avec une entête, un menu, une partie principale et un pied de page, en y mettant du texte et des images ! Rien que ça !!!
Mais je limite mes prétentions pour l'instant à un détail, dont voici un exemple précis :
Un de vos intervenants répondait il y a quelque temps à une question que je me pose aujourd'hui : quel est la différence entre le point (.) et la dièse (#) en css3, et comment les utiliser correctement ?
Voici ses deux réponses à quelques minutes près...
A 10h09, il écrivait :
"#" c'est pour un id et doit être utilisé une seule fois dans ta page
"." est une class et peut être utilisé autant de fois que tu veux sur une page.
Et à 10h22 :
En fait quand tu reprends plusieurs fois la même mise en forme sur une page, tu utilises une classe. Donc dans ton code html tu utilises cette syntaxe :
Code html
<div class="nomclass"></div>
Code CSS
.nomclass { }
Et quand tu l'utilises une fois en général, c'est par exemple pour la largeur de la div header tu dais (c'est ce qui était écrit : "dais"... une ffaute de frappe sans doute) un id.
Code html
<div id="header"></div>
Code CSS
#header { }
Quelqu'un aurait-il la gentillesse de me réexpliquer cela de manière plus concrète ? Par exemple appliqué à un cas précis pour montrer comment agit l'un et l'autre ? Le cas, par exemple, où l'on veut créer une page avec une entête de couleur en haut et du texte dedans, et un menu d'une autre couleur sur le côté avec du texte dedans... Avec l'entête et le menu correctement positionnés...
Sinon, quelqu'un voudrait-il bien de me rendre un fier service en acceptant que je lui envoie un fichier CSS et le fichier HTML correspondant pour me dire ce qui ne va pas, et pourquoi, sur la page HTML lancée par mon browser je ne vois aucune des mises en forme demandées ?... Alors que sur le tutoriel ça semblait marcher à merveille !
D'avance, merci et bonne continuation,
Elias
supp mail
sur MacBook Pro avec MacOS 10.6.8
A force de lire encore et encore des sites de tutoriels, j'avoue que je sens un peu largué.
On vous donne toujours des infos tellement succinctes, tellement ponctuelles, qu'elle ne peuvent vraiment vous être utiles lorsque vous êtes un débutant en que vous voulez construire une page simple, avec une entête, un menu, une partie principale et un pied de page, en y mettant du texte et des images ! Rien que ça !!!
Mais je limite mes prétentions pour l'instant à un détail, dont voici un exemple précis :
Un de vos intervenants répondait il y a quelque temps à une question que je me pose aujourd'hui : quel est la différence entre le point (.) et la dièse (#) en css3, et comment les utiliser correctement ?
Voici ses deux réponses à quelques minutes près...
A 10h09, il écrivait :
"#" c'est pour un id et doit être utilisé une seule fois dans ta page
"." est une class et peut être utilisé autant de fois que tu veux sur une page.
Et à 10h22 :
En fait quand tu reprends plusieurs fois la même mise en forme sur une page, tu utilises une classe. Donc dans ton code html tu utilises cette syntaxe :
Code html
<div class="nomclass"></div>
Code CSS
.nomclass { }
Et quand tu l'utilises une fois en général, c'est par exemple pour la largeur de la div header tu dais (c'est ce qui était écrit : "dais"... une ffaute de frappe sans doute) un id.
Code html
<div id="header"></div>
Code CSS
#header { }
Quelqu'un aurait-il la gentillesse de me réexpliquer cela de manière plus concrète ? Par exemple appliqué à un cas précis pour montrer comment agit l'un et l'autre ? Le cas, par exemple, où l'on veut créer une page avec une entête de couleur en haut et du texte dedans, et un menu d'une autre couleur sur le côté avec du texte dedans... Avec l'entête et le menu correctement positionnés...
Sinon, quelqu'un voudrait-il bien de me rendre un fier service en acceptant que je lui envoie un fichier CSS et le fichier HTML correspondant pour me dire ce qui ne va pas, et pourquoi, sur la page HTML lancée par mon browser je ne vois aucune des mises en forme demandées ?... Alors que sur le tutoriel ça semblait marcher à merveille !
D'avance, merci et bonne continuation,
Elias
supp mail
sur MacBook Pro avec MacOS 10.6.8
Commentaire