Discussion :

[labarre2002]

Bonsoir

je réalise une page comportant un titre

le probleme est que je desire appliquer la meme taille au titre

que constitue "the house that yauch built"

mon html:

Code html :

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

1
2
3
4
5
<div class="text">
                  <h1> <span class="line"></span>  <span class="text0">the house</span> that yauch <span class="text0"> built </span>  </h1>
 
                       <p> <span class="yellow">oscilloscope laboratories</span> has three divisions <br> it is like a three-headed dragon.Explore our studio content. </p>
                       </div>

mon CSS:

Code css :

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

1
2
3
4
5
6
7
8
9
10
h1 {
        font-size: 4em;
        text-transform: capitalize;
        font-family: verdana;
    }
 
    .text0{
        display: block;
        font-size: .2em;
    }

mon résultat:




Merci d'avance.

[gesualda]

Salut, as tu essayé :

Code :

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

1
2
3
4
.text0{
        display: block;
        /* font-size: .2em; */
    }

[NoSmoking]

Bonjour,
cela ressemble étrangement à ton autre discussion : Application de taille a un titre et visiblement tu n'as pas tout assimilé concernant l'héritage entre éléments parent/enfant.
Donc en reprenant ton code :

Code html :

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

1
2
3
4
5
6
7
8
<div class="text">                        <!-- font-size = 16px par défaut le plus souvent -->
  <h1>                                    <!-- font-size = 4em => 16px * 4 (400%) = 64px, font-size du parent * 4 -->
    <span class="line"></span>            <!-- sert à ? -->
    <span class="text0">the house</span>  <!-- font-size = .2em => 64px * .2 (20%) = 12.8px, font-size du parent * .2 -->
    that yauch                            <!-- font-size = 64px, font-size du parent -->
    <span class="text0"> built </span>    <!-- font-size = .2em => 64px * .2 (20%) = 12.8px, font-size du parent * .2 -->
  </h1>
</div>

[labarre2002]

Bonjour

Merci pour vos réponses

@NoSmoking

j avoue que j ai du mal a saisir cette notion

l'élément .line sert a obtenir le trait jaune