Discussion :

[Pepito]

Ami(e) du jour, bonjour

Voila, j'ai un petit probleme qui me semble tout simple. Tellement simple que j'arrive pas a le faire...

Dans un formulaire, je voudrais mettre une etoile apres le nom des champs qui seraient obigatoire. Je voudrais que cette etoile soit rouge alors que le texte avant est noir.

Code :

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

<td width="20%" align="right"><b>Prenom : *</b></td>

J'ai pensé a mettre dans le css une partie #etoile dont la couleur serait rouge. Le probleme, c'est que pour l'appeler, je doit faire :

Code :

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

<div id="etoile">*</div>

Mais le probleme, c'est que ca saute une ligne automatiquement.

En plus, ca m'embete un peu de le mettre dans le css juste pour une petite etoile locale !!
J'ai cherché dans le cours de HTML. Pour faire localement, on peut faire de la maniere suivante :

Code :

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

1
2
3
<BALISE style="propriété: valeur">
 
<BALISE style="color: #FF0000">

Mais là, je sais pas quoi mettre pour la balise ??
Si je met <h1>, ca me saute une ligne automatiquement...

Quelqu'un verrait une idee ??

Merki
Pepit'

[F.disk (New Stage)]

Bah, utilise des <FONT COLOR="#ff0000">*<FONT COLOR="#ffffff">" C'est inélégant mais efficace...

[Perceval]

plutot que d'utiliser la balise div....
Penses à la balise <span> elle s'utilise pour du "linéaire". Comme ca à chaque fois que tu as besoin de ce style dans un de tes textes. hop.... Et là, c'est plus élégant

En plus, ca m'embete un peu de le mettre dans le css juste pour une petite etoile locale !!

C'est pour ca que je cré une class .red pour tout ce qui doit être en rouge. Comme ca, je ne m'en sert pas que pour une petite étoile.

[ilood]

Bah, utilise des <FONT COLOR="#ff0000">*<FONT COLOR="#ffffff">" C'est inélégant mais efficace...

Inélégant et dépréciée. Avec la balise <font> on fait un retour dans les années 90...

Comme le disait Perceval utilise la balise span qui est une balise neutre de type inline.

Code :

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

<p>Prenom : <span class="obligatoire">*</span></p>

Code :

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

.obligatoire { color: red; }

[natah]

Chouette! J'avais besoin de savoir ça aussi pour un formulaire et j'avais pas posé de question jusque là! Pour moi la balise font était la seule soluce...Merci Pepito.

[Pepito]

D'accord. Merci a tous.
J'ai utilisé la balise span.

Mais je comprend pas trop pourquoi la balise <font> n'est pas apprécié ??
Si c'est un effet de mode, on s'en fiche. En plus, la balise <font> est beaucoup + facile a comprendre que la balise <span> qui oblige a aller voir dans le css a quoi correspond la classe "obligatoire" (ou autre, selon comment on l'appelle).
Et puis, elle est plus pratique pour des cas locaux comme cela est mon cas.

Mais bon, je vous fais confiance. J'ai utilisé la balise span (qui marche tres bien aussi)

Merki a tous
Pepit'

[Perceval]

En fait.... C'est pour dissocier le contenant du contenu.
Ce n'est pas un effet de mode, mais en soit, c'est plus pratique d'avoir un fichier qui se charge d'afficher les données et un autre qui permet faire la mise en page de ces données.

Ca permet ainsi de savoir où chercher si on veut modifier tel style. Et non pas de switcher entre tous les fichiers.

[ilood]

Mais je comprend pas trop pourquoi la balise <font> n'est pas apprécié ??
Si c'est un effet de mode, on s'en fiche. En plus, la balise <font> est beaucoup + facile a comprendre que la balise <span> qui oblige a aller voir dans le css a quoi correspond la classe "obligatoire" (ou autre, selon comment on l'appelle).

Il est plus pratique de séparer fond et forme (les couleurs, police, etc). La balise font est une balise de mise en forme.

Et puis, elle est plus pratique pour des cas locaux comme cela est mon cas.

Imagine toi qu'un jour tu veuilles changer la couleur de tes étoiles en vert. Avec le css tu n'aura qu'à modifier une seule ligne. Alors qu'avec la balise font tu devra parcourir le code de toutes tes pages html qui contienne cette petite étoile.

Mais bon, je vous fais confiance. J'ai utilisé la balise span (qui marche tres bien aussi)

edit: Perceval à été plus rapide

[Perceval]

edit: Perceval à été plus rapide

Pour une fois... ;o))