D'abord H1 lettre de chaque mot en plus gros et de couleur pour un seul H1

J'ai un h1 ligne de 5 mots et je veux augmenter la taille de la 3e, 4e et 5e premières lettres seulement, soulignent eux et leur donner une couleur différente.

Je l'ai fait, mais WC3 me dit que mon code n'est pas valide sur tous les attributs et les éléments dans chaque cas, de taille, de soulignement et de la couleur.

Voici ce qui fonctionne dans les navigateurs, mais ne validez pas:

<p><h1>Welcome to <br /><font size="120%" color=Red><u>M</u></font>y <font size=120% color=Red><u>F</u></font>vourite <font size=120% color=Red><u>W</u></font>ebsite</h1></p>

C'est de me donner mes seules les erreurs (15 en tout) sur cette conception.

Svp quelqu'un peut aider avec le HTML et le CSS ou pour résoudre ce problème de manière qu'il valide.

J'ai essayé d'avoir des variations de couleur et de taille et bien qu'ils travaillent dans les navigateurs, ils ne seront pas valider.

Merci 🙂

Tout ce que je peux recommander est le :first-letter pseudo-classe, mais qui ne sera pas l'étendre à d'autres mots. Juste peut-être utiliser jQuery/JavaScript pour cela.

InformationsquelleAutor liam | 2011-02-10

6

Ils ne valide pas la cause de l'étiquette de police a été frappée il y a longtemps, et donc l'ensemble de ses paramètres,

Vous pouvez l'utiliser en CSS:
```
h1 {
margin:5px;
}
#title span {
font-size: 1.2em;
color: #c13636;
text-decoration: underline;
}
```
Et envelopper le mot pour être mis en évidence dans les balises span:
```
<span>TEST</span>
```
Appliqué à votre code:
```
<h1 id="title">Welcome to <br /><span>M</span>y <span>F</span>avourite <span>W</span>ebsite</h1>
```
Démo:

http://jsfiddle.net/Mutant_Tractor/SBbcu/
- Probablement une erreur de type, mais n'oubliez pas que vous aurez besoin d'un '.' avant de votre nom de classe dans votre CSS
- merci 🙂
- Peut-être plus propre à faire <h1 id="title">Welcome to <br /><span>M</span> .. et #title span { .. }
- Belle pensée, je vais modifier ma réponse.
- Accrocher.. il y a un <h1> dans un <p>. Pour ne pas les valider.
- Eh bien il suffit d'ajouter un rembourrage pour le <h1> agir comme un <p>
- Ouais ça va le faire. Je vais cesser de s'en prendre à votre sinon parfaitement bien répondre maintenant!
- Haha, pas de problème pour l'homme, j'ai besoin de mettre à droite sur ça 🙂
InformationsquelleAutor Myles Gray
2
```
<font></font> and <u></u>
```
sont obsolètes. Utiliser un <span></span> avec CSS appliqué.
- En effet, span:first-letter{font-size:x-large;text-decoration:underline;} et <h1><span>word</span> <span>word</span></h1> peut être le meilleur pari.
InformationsquelleAutor Kris
1

Utiliser un span élément avec un style attribut, comme dans:
```
<span style="font-size: 120%; color: red; text-decoration: underline;">M</span>
```
Sinon, définir des classes CSS pour les diverses combinaisons et de les utiliser à la place.
- À l'aide de class est préféré au style.
- Je suis totalement d'accord, mais je viens de donner l'OP la réponse la plus simple à ce dilemme.
InformationsquelleAutor Eric Giguere
0

Donc, en résumé
- ne pouvez pas avoir à l'intérieur d'un
- ne pas utiliser <font> ou <u>
- HTML est pour le balisage, CSS pour le style de
Avec "pure" HTML/CSS, vous avez plusieurs possibilités pour réaliser ce que vous êtes après. Voici quelques variations. Vous devriez probablement ajouter class attributs de span éléments, mais j'ai omis ici par souci de concision.

1°

Fichier HTML:
```
<h1>Welcome to <span>M</span>y <span>F</span>vourite <span>W</span>ebsite</h1>
```
Fichier CSS:
```
h1 span {
  font-size: 120%;
  color: red;
  text-decoration: underline;
}
```
2°

Fichier HTML:
```
<h1>Welcome to <span>My</span> <span>Favourite</span> <span>Website</span></h1>
```
Fichier CSS:
```
h1 span:first-letter {
  font-size: 1.2em;
  color: red;
  text-decoration: underline;
}
```
- Merci les gars, vont essayer tout ce que vous avez dit - très utile (et de réponses rapides aussi) 🙂
InformationsquelleAutor Jawa

Vous avez quelques balises invalides <font> et <u>.

Je voudrais faire quelque chose comme ceci afin de valider et de nettoyer votre code:

<style>
    .big {
         font-size: 1.2em;
    }

    .red {
         color: red;
    }
</style>

<h2>Welcome to</h2>
<h1>
    <span class="big red">M</span>y 
    <span class="big red">F</span>avorite 
    <span class="big red">W</span>ebsite
</h1>

ou encore:

<style>
    h1 span:first-letter {
        font-size: 1.2em;
        color: red;
    }
</style>

<h2>Welcome to</h2>
<h1>
    <span>My</span>
    <span>Favorite</span> 
    <span>Website</span>
</h1>

InformationsquelleAutor Stephen Watkins

Vous devez vous connecter pour publier un commentaire.