ligne visible dans les messages.

[Waaapi]

Bonsoir,

• Je voudrais poster un message avec une ligne visible. Voici les codes :

Code:

 [hr] => BBcode - <hr> => HTML

Seulement j'ai beau essayer, je n'y arrive pas

• Voici ce que je tape dans le sujet :

Code:

[url=http://edenwell.forumgratuit.org/msg.forum?mode=post&tt=1][table style="margin: 10px; border: 2px solid #1c0247; background:#7b91ab ; "][tr][td vertical-align="middle" style="padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;"] [color=darkblue][color=black]Questions ? Mp Célestite[/color][/color][/td][/tr][/table][/url]

[hr]

[size=24]<center>[table style="margin: 10px; border: 2px solid #1c0247; background: ; -webkit-border-radius:4px;-moz-border-radius:20px; border-radius:4px;"][tr][td vertical-align="middle" style="padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;"]Les Rangs Socials[/td][/tr][/table]</center>[/size]

[hr]

En cours de codage ;)

→ Voici ce que j'obtiens :

► Je souhaiterais que la ligne soit visible, j'ai donc taper ceci pour essayer de la faire apparaître, mais sans succés :


Code:

[color=black][hr][/color]

► J'ai aussi essayé en HTML, mais sans grand succés non plus :


Code:

<color=black><hr></color>

Si quelqu'un pouvez m'aider
Merci d'avance

[no_way]

Bonsoir essayez ceci en code CSS:

Code:

<hr style="height:2px;background-color:red;width:100%;" >

Notez que rien ne vous interdit par ce biais de mettre une image de fond ainsi:

Code:

<hr style="height:3px;background-image:url(http://i63.servimg.com/u/f63/15/03/28/32/ninten10.png);width:90%;">

Ceci n'est qu'un exemple bien entendu.

Vous pouvez créer une classe CSS qui permette de ne pas vous soucier à avoir taper tout ce code à chaque fois:

Code:

.postbody hr{height:3px;background-image:url(http://i63.servimg.com/u/f63/15/03/28/32/ninten10.png);width:90%;}

Il vous suffira alors de taper <hr> ou

---

dans vos posts, à vous d'adapter le code CSS selon vos désirs.

[Waaapi]

Merci beaucoup d'avoir répondu

Cependant, j'ai essayé ceci :

<hr style="height:2px;background-color:#1D0249;width:100%;" >

Et quand j'ai
Voici ce qui s'est afficher :

Informations

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

Au début j'ai cru que je m'étais trompée, donc, en suivant votre code qui est :

<hr style="height:2px;background-color:red;width:100%;" >

Que j'ai légèrement modifier ainsi :

<hr style="height:2px;background-color:black;width:100%;" >

J'ai reçus le même message d'erreur

[Waaapi]

Mouais non, laissez tomber, j'avais mal compris.
En faîtes, je l'ai mis dans mon code CSS au lieu de le mettre dans mon message

Merci beaucoup !

[no_way]

Service @++