Soucis info bulle

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 10:54

Bonjour,

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

Soucis info bulle Info_b10

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.


Dernière édition par Polices le Jeu 14 Fév 2013 - 11:48, édité 1 fois
Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:06

Bonjour,

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

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

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:11

Ok Mad 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]
Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:15

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 Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:20

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

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:21

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]
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:25

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
Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:29

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 ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:30

Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:36

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>
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:43

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
Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Matriochka Jeu 14 Fév 2013 - 11:43

avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis info bulle

Message par Glorio Jeu 14 Fév 2013 - 11:48

Ah oui, exacte ! Merci beaucoup ! Very Happy
Glorio

Glorio
*****

Masculin
Messages : 536
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Glorio a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum