Soucis info bulle

[Glorio]

Bonjour,

J'ai installer les infos bulles dans mon forum et ça donne ceci :



Et, il y a un truc qui me gène, c'est qu'entre l'image et le texte il y a un grand espace ... Je voudrais savoir comment enlever ou réduire l'espace ?

Voici mon code :

Code:

.tst {
    border-color: #C39300;
    box-shadow: 1px 1px 10px #C39300;
    color: #C39300;
}
.tst {
    background: url("http://bit.ly/acLmW9") repeat scroll 0 0 transparent;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    font-weight: 700;
    margin: 10px auto;
    padding: 5px;
    width: 90%;
}

Merci.

[Matriochka]

Bonjour,

Alors avant tout chose, ce ne sont pas des infobulles mais des tableaux simples.

Serait-il possible d’avoir le code HTML avec ?

[Glorio]

Ok Alors pour le tableau simple j'ai mis ça dans mes posts :

Code:

[table class="tst"][tr][td vertical-align="middle"][img]URL DE LIMAGE[/img][/td][td vertical-align="middle"]TON TEXTE[/td][/tr][/table]

[Matriochka]

Merci. Alors il faut que tu ajoutes la largeur de tes cellules dans td :
Exemple :

Code:

td width="30%"

En mettant une petite valeur pour la cellule contenant ton image

[Glorio]

Je pense qu'il faut le mettre dans le CSS à la suite de mon code, mais ça ne marche pas :/

[Matriochka]

Comme ceci, regarde :

Code:

[table class="tst"][tr][td width="30%" vertical-align="middle"][img]URL DE LIMAGE[/img][/td][td vertical-align="middle"]TON TEXTE[/td][/tr][/table]

[Glorio]

Alors j'ai c/c votre code en mettant mon image ainsi que le texte ça me fait pareil.

J'ai fait autre chose et cette fois-ci ça marche ^_^

J'ai enlevé

Code:

width: 90%;

dans mon code CSS et à la place j'ai ajouté

Code:

td width="30%"

Code:

.tst {
    border-color: #C39300;
    box-shadow: 1px 1px 10px #C39300;
    color: #C39300;
}
.tst {
    background: url("http://bit.ly/acLmW9") repeat scroll 0 0 transparent;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    font-weight: 700;
    margin: 10px auto;
    padding: 5px;
    td width="30%"
}

Et donc avec ce code là, il marche

[Matriochka]

td width="10%" dans le CSS n’est pas correct.

Peux-tu m’envoyer le sujet sur ton forum où tu as pris la capture ?

[Glorio]

http://blabla-moderne.pro-forums.fr/t329-test-bulle#1109

[Matriochka]

Retire ce que tu as ajouté dans ton CSS : td width="30%"

Et remets ce que tu avais avant : width:90% (ou valeur inférieure)

Là, si je teste sur ton forum avec ceci, ça fonctionne très bien :

Code:

<table class="tst"><tr><td align="left" vertical-align="middle" width="10%"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning.png" border="0" alt=""></td><td align="left" vertical-align="middle">En attente de réponse pour :

> La page HTML > MDP

Les autres seront supprimé par la suite.</td></tr></table>

[Glorio]

Ah ... Moi ça me met rien du tout. Dans mon post ça me met juste ça

<table class="tst"><tr><td align="left" vertical-align="middle" width="10%"><img src="https://2img.net/i/fa/admin/icones/big_ico/warning.png" border="0" alt=""></td><td align="left" vertical-align="middle">En attente de réponse pour :

> La page HTML > MDP

Les autres seront supprimé par la suite.</td></tr></table>

Je ne vois pas le tableau

[Matriochka]

Normal, tu n’as pas dû activer le HTML.

https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle

[Glorio]

Ah oui, exacte ! Merci beaucoup !