Balises h1 qui ont l'air d'être du texte courant

Ceubex · 08/12/2011, 16h46

Bonjour,

Je souhaiterais mettre un texte entouré par des balises h1 mais sans que cela paraisse plus gros que le reste du texte. Par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

Coucou tout le <h1 style="commeLeReste">monde</h1>

L'idéal serait que si j'augmente la taille du texte contenant le texte en h1, le texte en h1 augmente avec sans devoir régler deux fois la taille

est-ce possible ?

Merci pour votre aide

SpaceFrog · 08/12/2011, 16h47

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

h1 {font-size: 11px;}

??

Torgar · 08/12/2011, 17h09

Bonjour,

Je dirais plutôt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
h1 {
    font-size: inherit;
}

Ca récupère la taille de l'élément parent.

Bovino · 08/12/2011, 17h13

Citation:

si j'augmente la taille du texte contenant le texte en h1, le texte en h1 augmente avec sans devoir régler deux fois la taille

Rien compris...

Torgar · 08/12/2011, 17h15

Je pense qu'il veut parler de ce genre de chose. Ne pas avoir à changer les deux font-size.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div style="font-size: 12px;">
    <p>lorem ipsum dolore sit amet</p>
    <h1 style="font-size: 12px;">Isectetur</h1>
</div>

Eric2a · 08/12/2011, 17h26

Salut,

Tu peux utiliser les unités relatives (em par exemple) au lieu de l'unité fixe exprimée en pixel.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test</title>
	<style type="text/css">
		.container{
			font-size:1em;
		}
		h1{
			font-size:2em; /* Deux fois plus grands */
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>Titre (2em)</h1>
		<p>Paragraphe (1em)</p>
	</div>
</body>
</html>

08/12/2011, 16h46	#1
Ceubex Membre du Club Inscription : juillet 2006 Messages : 317 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 317 Points : 43 Points : 43	Balises h1 qui ont l'air d'être du texte courant Bonjour, Je souhaiterais mettre un texte entouré par des balises h1 mais sans que cela paraisse plus gros que le reste du texte. Par exemple : Code html : Sélectionner tout - Visualiser dans une fenêtre à part Coucou tout le <h1 style="commeLeReste">monde</h1> L'idéal serait que si j'augmente la taille du texte contenant le texte en h1, le texte en h1 augmente avec sans devoir régler deux fois la taille est-ce possible ? Merci pour votre aide
	00

08/12/2011, 16h47	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	Code : Sélectionner tout - Visualiser dans une fenêtre à part h1 {font-size: 11px;} ?? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email