Problème de div avec CSS

Bonjour à tous...

Lien de la page : http://www.residencematinclair.fr/Demandedoc.php

" Champs obligatoire * "

Voilà, j'aimerais mettre cette phrase en taille petit, avec l' * en rouge. Voici mon code :

Côté HTML :

<div id="avertissement">Champs obligatoires :<div class="asteristique"> * </div></div>

Côté CSS :

#avertissement
{
	font-size: small;
}

.asteristique
{
	color: #FF0000;
}

Le CSS s'applique bien mais le problème c'est que l' * revient à la ligne alors qu'elle devrait pas... Où est mon erreur ? Que faire merci ?
Modifié par kcin (15 Aug 2006 - 14:54)

Bonjour et bienvenue kcin,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance,

Felipe

Bonjour kcin et bienvenue sur Alsacréations,

Merci d'avoir éditer ton message.

Pour ton problème, tu inclus une div qui est un élément de type block dans une autre div qui est également du même type. Ce qui provoque irrémédiablement un retour à la ligne (lire La structure des balises : bloc et en-ligne).
Tu devrais par exemple utiliser un span pour ton "*".

Au delà pour la mise en forme de tes formulaires tu pourras lire:Des formulaires plus simples.

Je te remercie pour les liens.. Ca me sera surement très utile...

Ce qui est marrant c'est que ce que tu m'as donné pour la structure des balises correspond à mon livre CSS... Normal, c'est celui de Raphaël Goetter ^^ admin de ce forum si je me trompe pas