28221 sujets

CSS et mise en forme, CSS3

[resolu] Probleme avec les <h?>

Salut
J'ai un probleme avec <h?> </h?>, je n'obtient pas la meme taille sous firefox et IE, ca vient pas de l'affichage du texte dans les navigateurs je suis en taille normale sur les 2 navigateurs, d'ou ca peut venir ?

Merci
Modifié le 01 Dec 2004 - 00:54
Modérateur
Applique-tu une taille via CSS ?

Si non, les deux navigateurs n'ont probablement pas la même taille par défault. Tu dois le spécifier via CSS.

Si oui, montre-nous ton code CSS.
Non j'ai juste specifié dans le body.

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-color:#330066;
	color:#fff;
}

 h3 {
	top:10px;
	border: 1px solid #000;
	color:#fff;
	background-image:url(../img/titre.png);
	text-indent: 10px;	
}

Modifié le 30 Nov 2004 - 21:27
oui mais là le <h?> n'a plus son utilité.
Je voulais savoir si c'est normal ca , si ca le fait chez vous .
alien7 a écrit :
oui mais là le <h?> n'a plus son utilité.
Je voulais savoir si c'est normal ca , si ca le fait chez vous .


Si les hn ont une utilité, ils donnent de la structure à ta page, introduisent des sections de ta page à différents niveaux. Ce sont les navigateurs graphiques qui donnent un rendu standard aux balises hn en donnant généralement une taille de caractères plus grande à h1, qu'à h2 etc.

Voir les recommandations html:
a écrit :
Un élément de titre décrit brièvement le sujet de la section qu'il introduit. Les agents utilisateurs peuvent utiliser les informations des titres pour, par exemple, construire automatiquement la table des matières du document.

Il existe six degrés de titrage dans HTML, l'élément H1 représentant le titre le plus important et H6 le moins important. Les navigateurs visuels restituent généralement les titres les plus importants dans un corps plus grand que les moins importants.


Je crois me souvenir que les navigateurs graphique exprime la taille de ces hn en %, par exemple 140% de la taille définie par le navigateur ou la feuille de style pour h1, 125% pour h2 etc.
Tu peux définir la taille de tes différents niveaux de titre via la feuille de style:

h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3 etc.

Modifié le 30 Nov 2004 - 23:30
Administrateur
alien7 a écrit :

GGGRRRRRRRR c'est encore la faute à IE ca !!!!!!

Non, chaque navigateur a une taille différente par défaut pour les polices des éléments. C'est pourquoi il faut toujours la préciser.
alien7 a écrit :
Ok alors je dois le faire moi même.

Oui ou alors laisser l'agent utilisateur s'en charger.

alien7 a écrit :
GGGRRRRRRRR c'est encore la faute à IE ca !!!!!!

Sur ce coup là je penses que non, il est pas plus fautif que Firefox, Opera ou Safari.
Bah oui mais pour <h?> il est preferable de respecter un standard c'est mieux quand meme, là je commence à en avoir assez de passer de firefox à IE de corriger de le prendre la téte.

C'est pas evident pour le novice que je suis.
M'enfin bon je vais faire avec , pas le choix
Administrateur
alien7 a écrit :
Bah oui mais pour <h?> il est preferable de respecter un standard c'est mieux quand meme

Je ne comprends pas ton problème : les standards n'imposent aucune mise en forme particulière (taille, police, marges, etc.) pour les balises de titres.

Il est simplement dit dans les specs que les balises <Hn> doivent structurer des niveaux de titre. C'est tout. Ensuite chaque navigateur fait ce qu'il lui semble le plus logique vis-à-vis de ces recommandations.

Que critiques-tu exactement ?
Pour conclure (peut-être) ce post je te convis à une petite lecture:
Le tao du design Web

Et si le sujet est épuisé alors édites le titre de ton sujet et rajoute un résolu.
Modifié le 01 Dec 2004 - 01:00
Sujet clos
Aller à