Balise label fonctionnement bizarre

**laurent1** · 20/02/2013, 14h55

Bonjour à tous,

j'ai un souci :

je veux ecrire un titre en modifiant la taille de la premiere lettre,

Code :

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

<label style="font-size:1.2em;">T</label><label style="font-size:1.2em;">ITRE</label>

Si les deux labels sont placés sur la même ligne ça marche, si les deux labels sont places sur 2 lignes...

Code :

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

1
2
<label style="font-size:1.2em;">T</label>
<label style="font-size:1.2em;">ITRE</label>

Un espace apparait entre la premiere lettre et la seconde.

Comment peut-on faire autrement ?
J'ai peur que selon le BROWser le resultat soit different.

Merci à vous

**Torgar** · 20/02/2013, 15h16

Salut,

Utilise la balise <span> ça sera plus simple. <label> n'est pas prévue pour faire ce genre de chose.

**laurent1** · 20/02/2013, 16h33

Merci, je fais l'essai

**NoSmoking** · 20/02/2013, 17h54

Bonjour,

je veux ecrire un titre en modifiant la taille de la premiere lettre,

pourquoi ne pas utiliser les balises hx qui sont faites pour cela et le pseudo-élément first-letter également fait pour cela.

Code :

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 lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<style>
h1{
  font-size:1.25em;
  font-weight:normal;
}
h1:first-letter {
  color:red;
  font-weight:bold;
  text-transform:capitalize;
}
</style>
</head>
<body>
  <h1>le titre</h1>
</body>
</html>

Balise label fonctionnement bizarre

HTML

Vue hybride

Discussions similaires

Partager

Partager