Balise sans effet [Résolu]

[ffomnislash]

Bonjour,

J'ai besoin de réaliser quelque chose d'un peu particulier. Je possède 2 données:

• Un template, exemple: "<center>TEXTE</center>"
• Un texte, exemple "Il fait beau"

Lors de la génération de ma page je fusionne les 2 pour obtenir:

Code :

<center>Il fait beau</center>

Le résultat est donc un texte centré.


Maintenant mon problème est que j'aimerais pouvoir ajouter une balise me permettant d'appliquer des modifications sur le texte. En gros j'aimerais ajouter une couleur de fond. Pour le moment j'utilise un div et ça donne:

Code :

<center><div class="hehe">Il fait beau</div></center>

Mon problème est simple: le div casse la mise en page et en particulier dans cet exemple le texte n'est plus centré

Existe-t-il une balise ou une méthode permettant de réaliser ce que je souhaite faire ?

[Torgar]

Bonjour,

Utiliser la balise <span></span> au lieu de <div></div>

Ou arrêter d'utiliser des balises dépréciées comme <center></center> par exemple.

A choisir j'aurais plutôt fait un

Code :

<p style="text-align: center;">mon zoli texte</p>

[ffomnislash]

En effet span semble bien régler le problème. Je n'ai pas noté de problème pour le moment.

Sinon pour la classique débat du choix des balises, personnellement j'utilise ce qui est le plus rapide à écrire.

Merci pour la solution.

[ffomnislash]

Finalement non ce n'est pas bon.

Avec span ce genre de chose ne fonctionne pas

Code :

<h1><span>texte</span></h1>

[Torgar]

Envoyé par ffomnislash

Finalement non ce n'est pas bon.

Avec span ce genre de chose ne fonctionne pas

Code :

<h1><span>texte</span></h1>

Quel est le style CSS appliqué sur cette balise span s'il te plait ?
As-tu surchargé le style des balises <h*></h*> ?

[ffomnislash]

Envoyé par Torgar

Quel est le style CSS appliqué sur cette balise span s'il te plait ?
As-tu surchargé le style des balises <h*></h*> ?

Je n'utilise aucun style pour le moment. Le span bloque le h*.

[ffomnislash]

argh je suis bête. Ma page inclue des styles qui redéfinissent span.

Il y a une solution pour dire à mon span de ne pas utiliser la redéfinition du style du span ?
J'ai besoin d'avoir mes autres span qui utilisent le style définit, je ne peux donc pas juste supprimer le style :/

[Torgar]

Heu.... les balises <h*></h*> ne sont pas centrées d'origine si c'est ton problème

Rajoute un

Code css :

1
2
3
h1, h2, h3, h4, h5 {
text-align: center;
}

En supprimant tes balises <center></center> qui deviennent donc inutiles.


Edit :
Et en créant une class CSS qui contre les styles ?

Par exemple :

Code css :

1
2
3
4
5
.myspan {
text-align: center; /* qui contre un text-align: left; par exemple */
font-size: 10pt; /* qui contre un font-size: 14pt; */
etc.
}

Code html :

<h* class="myspan">mon texte ici</h*>

[ffomnislash]

En fait j'ai besoin d'insérer un <span> métier qui ne doit faire que ce que moi je lui dit de faire.
Malheureusement le style du span est redéfinit dans un css sur lequel je n'ai pas la main.

1. Il peut donc changer.
2. et surtout les span que je ne gère pas doivent utiliser le style défini dans la css

Ce qu'il faudrait ce serait de pouvoir dire ce span n'utilise pas la définition du style du span. Ce qui est impossible j'ai l'impression.

[Torgar]

Code :

1
2
3
4
5
6
7
<style type="text/css">
.mon_style {
     /* ton style CSS voulu */
}
</style>
 
<h1><span class="mon_style">mon texte ici</span></h1>

Ainsi ta balise span fera uniquement ce que tu veux qu'elle fasse sans pour autant toucher au style précédement défini.

Mais c'est comme je te le montre dans mon post précédent, il faudra sûrement contrer les effets appliqués par la première définition du span.

[Eric2a]

Salut,

Envoyé par ffomnislash

Ce qu'il faudrait ce serait de pouvoir dire ce span n'utilise pas la définition du style du span.

Tu as lu le précédent post de Torgar ?

Il démontre bien que cela est possible. C'est à cela que sert CSS à la base

[ffomnislash]

Envoyé par Torgar

Code :

Ainsi ta balise span fera uniquement ce que tu veux qu'elle fasse sans pour autant toucher au style précédement défini.

Mais c'est comme je te le montre dans mon post précédent, il faudra sûrement contrer les effets appliqués par la première définition du span.

Le problème c'est que comme tu le dit il faut contrer les effets ce que je ne peux pas faire car je ne connais pas les effets.

Il faut bien comprendre qu'il y a ce que l'utilisateur définit pour mettre son texte en forme (<h*>, <span> ...) et ce que moi je veux ajouter. Ce que j'ajoute ne doit pas modifier la mise en forme excepté pour certains points bien précis. Or si:

• j'utilise simplement un span, je vais modifier la mise en forme en fonction de la css du span
• si j'utilise ma propre class, alors je vais modifier la mise en forme en fonction de la définition que je vais mettre.

Moi je veux juste jouer sur le background, tous le reste (font, weigth, alignement ...) ne doit pas changer. Du moment que je met une balise qui impacte autre chose que le background j'ai un problème.

[Torgar]

Et bien justement, tu appliques le style que tu veux, vu que les propriétés se cumulent ou se contrent. Que l'on passe par une class ou par de la saisie direct ne change rien.

Je ne t'ai parler de contre-effet que suite à ton poste :

Envoyé par ffomnislash

argh je suis bête. Ma page inclue des styles qui redéfinissent span.

Il y a une solution pour dire à mon span de ne pas utiliser la redéfinition du style du span ?
J'ai besoin d'avoir mes autres span qui utilisent le style définit, je ne peux donc pas juste supprimer le style :/

Donc si tu veux juste jouer avec le background comme tu dis, il suffit de faire :

Code :

<h*><span style="background-color: #ff00b4;">mon texte ici</span></*h>

De cette manière, peu importe comment doit agir le style du span défini à son origine, sa couleur de fond sera un beau rose fushia bien pétant.

[ffomnislash]

Envoyé par Torgar

Donc si tu veux juste jouer avec le background comme tu dis, il suffit de faire :

Code :

<h*><span style="background-color: #ff00b4;">mon texte ici</span></*h>

De cette manière, peu importe comment doit agir le style du span défini à son origine, sa couleur de fond sera un beau rose fushia bien pétant.

justement comme tu le dis le style d'origine du span s'appliquera. Or j'ai besoin que les span que j'ajoute moi dans la page ne fasse rien du tout excepté changer le background.

Le rendu doit être exactement le même avec ou sans span excepté pour le background. Mon span doit être transparent sauf pour le background.
Si le style du span spécifie une font, mon span spécifiera une font et je ne le veux pas ca :/

ce code

Code :

<h1>titre</h1>

et ce code

Code :

<h1><span style="background-color: #ff00b4;">titre</span></h1>

doivent donner le même résultat à l'exception du background.

J'ai beau chercher je ne trouve pas de solution :/

[ffomnislash]

Finalement 'jai trouvé, on peut utiliser des tags custom.

Pour IE: http://ajaxian.com/archives/adding-c...e-official-way

Ca fonctionne sur firefox et chrome aussi.

[Torgar]

Si tu peux pas utiliser les span car déjà utilisé et que tu ne connais pas à l'avance quelles règles CSS ils appliquent, il faut dans ce cas se tourner vers une autre balise.


Mais,

Ce que je ne comprends pas, c'est que, à un moment tu dis que le style est inclus par une page et après, tu dis que ce sont les utilisateurs qui définissent le style ?

Il y a donc bien un style à appliquer avant le tiens, que tu ne veux pas toucher, sauf la couleur de fond ?

[Watchwolf]

Envoyé par Torgar

Si tu peux pas utiliser les span car déjà utilisé et que tu ne connais pas à l'avance quelles règles CSS ils appliquent, il faut dans ce cas se tourner vers une autre balise.


Mais,

Ce que je ne comprends pas, c'est que, à un moment tu dis que le style est inclus par une page et après, tu dis que ce sont les utilisateurs qui définissent le style ?

Il y a donc bien un style à appliquer avant le tiens, que tu ne veux pas toucher, sauf la couleur de fond ?

Non il n'y a pas de style a appliquer sur mon tag sauf mon style (le background).

En fait j'inclue une css qui définit le style du span. Cette css est écrite par les utilisateurs et les utilisateurs utilise le span sur la page.

Moi j'ai besoin d'ajouter un tag a moi pour faire ce que je veux le tout sans impacter le rendu de la page sauf pour le background.

Je ne savais pas qu'il est possible de définir des balises perso.