Discussion :

[ARRG]

Bonsoir à tous.
Je suis actuellement en train de me créer un petit blog (-http://arrg.no-ip.com/blog/blog.php?ID=1 (note, le lien ne marche pas forcément puisque c'est mon ordi qui héberge, et qu'il va falloir que je dorme ).
C'est entre-autres pour moi l'occasion d'utiliser le CSS autrement qu'en utilisant que des classes. Pour faire simple j'ai ceci

Code :

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

1
2
3
4
5
6
7
8
 
<div id="conteneur"> <!-- Div qui contient tous les articles-->
    <div> <!-- 1 Article du blog-->
       blabla
       <div class="quote">Citation</div>
       autre blabla
    </div>
</div>

et dans mon css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
		#contenu {
			margin-top:-5px;
			float:right;
			color:#358;
			width:550px;
			border-right:1px solid #68a;
		}
 
		#contenu div {
			background:url(article_fond.png);
			padding:8px 20px 8px 0px;
			width: 550px;
			margin: 30px 0px;
			color:#036;
		}
 
		div.quote {
                        padding:5px;
			text-align:left;
			width:450px;
			border:1px solid #036;
		}

Et la j'ai deux soucis:
1) les propriétés de #contenu div s'appliquent aussi à un div contenu dans un div contenu dans #contenu (par exemple mon quote). Ce que je ne veux pas.
2) En plus ces propriétés prennent le pas sur celles définies dans ma classe .quote (le padding n'est pas de 5px).

Qu'ai-je fait d'incorrect ? Je voudrais que les propriétés de "#contenu div" ne s'appliquent pas au div quote.

J'espère que vous pourrez m'aider, d'avance merci à ceux qui essaieront !

[Ricou13]

Salut,

Primo, ton code parle de #conteneur et ton CSS de #contenu. Tel quel : aucun rapport.

Quand tu écris

Code :

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

#conteneur div

ça ne veux pas dire la div juste en dessous de #conteneur mais toutes les div incluses dans #conteneur.

Plusieurs solutions :

- Donner une classe à ta div contenant un article. en plus tu en auras certainement besoin pour la mise en page et le design du bloc "article"
- utiliser une autre balise pour la classe "quote". Avec un nom comme ça tu pourrais peut-être utiliser la balise <quote>. Si ce n'est pas une vrai citation, tu peux utiliser <span>, voire <strong> s'il faut renforcer ce texte...
- Et certainement d'autres.

[ARRG]

Arf pour l'erreur entre contenu/conteneur c'est uniquement du à l'adaptation pour le forum ^^'.

Ok, je pensais que
#contenu div
ne ciblait que les div enfants directs du conteneur.

Dans ce cas je vais me diriger vers la première solution. Merci beaucoup pour ton aide !

[giminik]

tu pourrais peut-être utiliser la balise <quote>.

ou encore mieux : blockquote car la première est en ligne, alors que celle ci est de type block, et c'est ce qu'il a l'air de rechercher, vu le contexte.

[Ricou13]

En fait, je pensais à <blockquote>. Mais comme je ne m'en sert jamais, j'ai saisi le nom un peu au pif.

Je ne savais même pas qu'il en existait 2 :o

[giminik]

oui et en fait c'est pas quote mais q tout simplement