Discussion :

[Mister Paul]

Bonjour,

j'ai créé un style de titre pour les titres de mes pages.

Code :

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

1
2
3
4
5
6
7
 
	.titre_paragraphe {
	font-size: 12.5px;
	font-weight: bold;
	color: #CC0000;
	padding-bottom: 15px;
	}

Comme j'aimerais un interlignage plus important après ce titre alors j'ai mis un padding-bottom, mais ça ne passe pas avec mes span class :

Code html :

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

<span class="titre_paragraphe">mon titre</span>

Pourquoi ?

Ah…*pour préciser : je n'ai pas la main pour faire passer mes styles dans des DIV car je passe par TinyMCE 2.0 pour éditer mes pages dans Joomla. Et visiblement il n'applique les styles qu'avec "span class".

Comment faire, alors ?

Merci pour l'aide.
Paul

[Bisûnûrs]

Tu ne peux vraiment pas changer les balises de tes titres ? L'idéal serait que tu mettes un h1 ou un h2 (à voir jusque h6 en fonction de l'importance du titre dans la page).
Si tu ne peux vraiment pas changer de balise, essaie de mettre un display:block sur ce span.

[Mister Paul]

Merci pour ta réponse.
J'ai mis display:block dans le span. J'irai aussi revoir les h1, h2, etc… Je peux intervenir dessus.

Par contre dans le même genre d'idée :
j'utilise TinyMCE 2.0 donc comme éditeur. J'ai un style permettant de faire un effet d'ombre à une image :

Code :

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

1
2
.sig_thumb {float:left;margin:0px 10px 10px 10px; padding:0px; background:url(shadowAlpha.png) no-repeat bottom right !important; background:url(shadow.gif) no-repeat bottom right;}
.sig_thumb img {display:block; position:relative; background:#FFF; border:1px solid #ccc; margin:-5px 5px 5px -5px; padding:4px;}

Le problème c'est que, si j'ai bien compris, ce code ne marche qu'avec un DIV (car c'est le DIV qui récupère l'image d'ombre en background) et malheureusement quand j'applique un style à une image avec TinyMCE 2.0, il l'est de cette manière :

Code :

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

<img class="sig_thumb" src="

et non

Code :

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

<div class="sig_thumb">

Comment faire ?

[Bisûnûrs]

Rajouter le div toi-même à la main ?

Là ton problème provient de l'utilisation du logiciel, et ne plus du CSS en lui-même. N'utilisant pas ce type de logiciel, je ne pourrai pas t'aider.

[Maxoo]

Que nenni !!

Tu as fais une erreur de style css.
pour

Code :

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

<img class="sig_thumb" src="

il faut écrire en css :

Code :

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

1
2
.sig_thumb {float:left;margin:0px 10px 10px 10px; padding:0px; background:url(shadowAlpha.png) no-repeat bottom right !important; background:url(shadow.gif) no-repeat bottom right;}
img.sig_thumb {display:block; position:relative; background:#FFF; border:1px solid #ccc; margin:-5px 5px 5px -5px; padding:4px;}

Mais fait gaffe aux dépendances ...
en gros img.sig_thumb à aussi les propriétés de .sig_thumb

[Mister Paul]

Maxoo effectivement je vois maintenant l'ombre en background, mais elle n'est pas décalée : elle est dans le cadre (cf image)

Pour l'instant je n'arrive pas à avoir le rendu de ce code pour

Code :

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

<img class="sig_thumb" src="