Gabarit Alsa : à propos du div #entete

Bonsoir à tous,

je m'essaie à reproduire les gabarits pour essayer de comprendre le rôle joué par les différentes propriétés dans le positionnement. EN l'occurrence, le n°10...
ET dans le div entete, une fois l'img mis en flottant, je n'arrive pas exactement au même résultat : les marges entre l'élément h1, et le .sous titre en dessous restent plus grandes (visuellement) chez moi que chez vous... J'avoue ne pas comprendre... Évidemment ce problème disparaît si je copie/colle les deux feuilles de styles, mais du coup, je ne sais pas exactement qui fait quoi... Pour le moment, j'ai repris les propriétés de body, de p, et des éléments présents dans le div entete...

ET PAR CONTRE, je ne comprends pas le rôle joué par le span entourant le texte “Gabarit 10“ dans l'élément h1. Je note que dans les premiers gabarits, il n'est pas utilisé, puis, à partir du 5 ou du 6, il fait son apparition.
Quel est son rôle ?

Merci d'avance.

nicopitt34 a écrit :
Évidemment ce problème disparaît si je copie/colle les deux feuilles de styles, mais du coup, je ne sais pas exactement qui fait quoi...

Bonjour, tu peux faire des tests en mettant des commentaires sur certains css et ainsi tu trouveras la propriété qui donne le résultat ou pas.

Idée intéressante, j'aurai dû y penser.
Merci.

Et pour le SPAN présent dans le div entete, quelqu'un connait son rôle ?

Bonjour,

Penser aussi à utiliser Firebug ou un outil équivalent pour repérer où se placent les marges (et éventuellement le padding) des éléments. Dans Firebug, quand on survole une balise dans l'onglet HTML on voit apparaitre ces différents espaces propres à l'élément en surimpression sur la page.

Et bien sûr, une fois l'élément inspecté ou sélectionné, on peut voir à droite (toujours dans l'onglet HTML) les styles CSS qui s'appliquent à cet élément. En activant une option, on peut aussi voir quels styles par défaut du navigateur s'appliquent.

Au sujet du SPAN qui font son apparition à partir du gabarit 6, il ne sert à rien. Je l'avais sans doute ajouté par réflexe, car quand j'ai deux contenus dans un élément c'est pratique d'avoir deux éléments HTML que l'on peut viser en CSS. Mais concrètement il n'est pas utilisé par les styles CSS des différents gabarits, et pourrait être supprimé.

Merci pour toutes ces précisions fort utiles.