Plusieurs css sur texte dans une cellule

Bonjour,
Je n’arrive pas à appliquer différentes mises en forme sur mon texte. Il s’agit d’un question-réponses contenu 1 cellule CSS. J’aimerais juste mettre les questions en gras.


Pour l’instant mon code ressemble à ça :
<div class="contentitw">
<div class="title">Interview F&eacute;vrier 2010</div>
<div class="blocmoitie1">
<p><img src="img.jpg"></p>
<p>Question </p>
<p>Reponse.</p>

J'ai ajouté 2 blocs sur le content parce qu'il y a 2 Questions-Réponses sur la page =)
Si quelqu'un peut me donner un coup de main ça serait sympa. Je bricole le CSS bien souvent vu que je ne m'en sers pas souvent et que je n'ai pas eu de formation dessus.

Bonne journée

Bonjour,

Je n'ai pas bien compris la question...

Si c'est pour mettre en gras, c'est du ressort du html et non de la css :

<p><strong>Question</strong></p>

Si c'est pour mettre en valeur ta question, avec une taille, couleur... différente, là c'est du ressort de la css :
dans le html:

<p class="titre-question">Question</p>

dans la feuille de styles :

.titre-question {font-size: 120%; color: #F00; }

Salut,

houba_houbi a écrit :
Si c'est pour mettre en gras, c'est du ressort du html et non de la css

Eh bien non : s'il s'agit de mise en gras on parle de présentation et donc de css (à priori font-weight: bold;).

Toi ce que tu fais c'est mettre de l'emphase et donc de la sémantique là où il n'y en a pas forcément besoin.

@Elinounette > je t'invite à suivre ce lien car on peut se demander si <div class="title"> ne serait pas un vrai titre de section Hn.

Pour t'initier à css tu pourrais commencer par http://openweb.eu.org/articles/initiation_css/ et continuer avec ceux de la partie http://www.alsacreations.com/tutoriels/ (même s'ils ne sont pas tous destinés aux débutants).
Modifié par Heyoan (04 Feb 2010 - 14:49)

Je ne suis pas certain si de manière sémantique, c'est appropriée mais tu pourrais utiliser la definition list. Ainsi, la structure te permet ne de pas ajouter de balise HTML, ni de classe ( séparer le contenu de la mise en forme )

Mais bon, certains pourront peut-être valider si c'est justifié ou non d'utiliser une definition list.

<dl>
    <dt>Questions</dt>
    <dl>Réponse</dl>
</dl>

<style>
dl dt { font-weight:bold; }
</style>

Salut,

Sorano a écrit :

<dl>
    <dt>Questions</dt>
    <dl>Réponse</dl>
</dl>

Tu voulais sans doute dire :

<dl>
    <dt>Questions</dt>
    <dd>Réponse</dd>
</dl>

C'est vrai qu'il y a au moins une exception à la règle puisque les listes de définition sont autorisées pour le marquage de dialogues mais leur but premier est de baliser des définitions... Or de mon point de vue une réponse n'est pas la définition d'une question.

Merci beaucoup =)
En fait j'ai trouvé un truc qui fonctionne. C'est peut-être du bricolage, j'ai utilisé le <b class=""> avec dans mon CSS un B.textgras

J'ai déjà une class titre pour le titre de la page et le <B> est le seul truc qui me mettait pas le texte dans une cellule.

J'espère que ça fonctionnera sous tous les navigateurs ! Je suis sous Safari là. Hier j'ai déjà réglé des bugs c'est vraiment frustrant quand on doit chercher où changer pour que ça passe partout. =X

Merci encore !!!