Mettre les coins arrondis sur l'infobulle

[Hemma]

Bonjour/soir je voudrais mettre les coins arrondis sur l'infobulle

[Scipion]

Bonjour

Essayez ce code CSS svp, en allant sur PA >> Affichage >> Menu Image et couleurs >> Couleurs >> Feuille de style CSS >

Dans CSS > insérez ce code
Cliquez sur Valider

Code:

.infobulle {
 border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
}

Cordialement

[Hemma]

merci je vais essayer

[Anzu]

Bonsoir,

"infobulle" ou le nom de la class qui correspond à celle de votre code

Cordialement.

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[Hemma]

Heu non ça ne marche pas

[Scipion]

Bonjour

Serait-il possible d'avoir le code de votre infobulle pour test ?

Cordialement

[Hemma]

Code:

<div class="infobulle"><img src="http://i24.servimg.com/u/f24/16/34/33/34/k-on_y14.png">
    <span>[url=http://fashion-graph-world.forumgratuit.org/profile?mode=editprofile/]Profil[/url]~[url=http://fashion-graph-world.forumgratuit.org/privmsg?mode=post&u=1/]Envoyer un mp[/url]</span></div>



Code:

    .infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #c9c9cf;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #c9c9cf;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0
     

[Hemma]

UP si puis-je me le permettre

[harmony Lightnight]

Bonjour ou bonsoir.
Je prends votre demande en compte et si vous le voulez bien je refais le code avec vous, car j'ai le code pour arrondir, seulement votre Css ne l'accepte pas.
Cordialement Harmo'

[Hemma]

Code:

.infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #c9c9cf;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #c9c9cf;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;}

[Invité]

Salut emma,

modifies ton span

Code:


.infobulle:hover span
{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;
-moz-border-radius:  6px / 12px;
-webkit-border-radius:  6px / 12px;
-khtml-border-radius:  6px / 12px;
border-radius: 6px / 12px;
}


a++

[Hemma]

Merci