Problème d'info-bulle CSS uniquement

Avait utilisé une info-bulle CSS simple.Problème d'info-bulle CSS uniquement

Exemple de css:

.tip 
{ 
    position:relative; 
} 
.tip span.tooltip 
{ 
    display:none; 
    background:#ff5112; 
    border:1px solid #9C0; 
} 
.tip:hover span.tooltip 
{ 
    display:block; 
    position:absolute; 
    top:2em; left:2em; width:15em; 
    border:1px solid #0cf; 
    background-color:#cff; color:#000; 
    text-align: center 
}

html:

<span class="tip"> 
<table><tr> 
<td>Working Tip</td><span class="tooltip">Tip</span> 
</tr></table> 
</span>

exemple de réalisation Non: html:

<table><tr> 
<span class="tip"><td>Not working TIP</td><span class="tooltip">Tip</span></span> 
</tr></table>

Et Live example

Source

2010-07-30 abel

Quelle est votre question? Je pense que vous devez inclure votre code dans un "code-block" car vous semblez avoir perdu votre mise en forme? – MrWhite

S'il vous plaît modifier votre message et ajouter le code à un bloc de code. Je ne vois pas la différence entre le code de travail et le code de non-fonctionnement autrement. –

En outre, IIRC, table imbriquée dans span n'est pas autorisée, car span est en ligne et table est un bloc. – Psytronic

Votre problème est l'élément de table - vous ne pouvez pas avoir un span qui enveloppe <td>. Débarrassez-vous de la table et tout va fonctionner.

Source

2010-07-30 15:29:00

Je voulais des info-bulles pour les données dans une table. – abel

Ensuite, mettez tout à l'intérieur de l'élément . Du texte Info-bulle. –

Je pense que peut-être je vois votre question mais puisque la question est omise, je vais prendre une photo. Le deuxième exemple est si vous vouliez vraiment mal formaté quelque chose dans cette mesure, il devrait être plus comme:

<span class="tip"> 
    <table> 
     <tr> 
      <td>Working Tip</td> 
     </tr> 
    </table> 
    <span class="tooltip">Tip</span> 
</span>

Si vous allez envelopper toute la table la « pointe » devrait être après la balise de table.

Source

2010-07-30 15:43:09 BrandonS

taureau! comment est-ce que ce post est arrivé et obtenir "2" ups déjà il doit avoir été posté en même temps que le mien geez. désolé pour la même réponse alors. – BrandonS

<span class="tooltip"> a besoin d'aller à l'intérieur de <td class="tip"> pour votre CSS actuel fonctionne comme prévu ...

<table><tr> 
    <td class="tip"> 
    Working Tip 
    <span class="tooltip">Tip</span> 
    </td> 
</tr></table>

Source

2010-07-30 15:47:11

Je ne vois pas votre classe infobulle css, essayez d'ajouter un

Source

2010-07-30 17:12:20

La solution qui a fonctionné pour moi:

<table><tr><td> 
<a href="blah.php" class="tip"> 
Blah Blah Text 
<span class="tooltip">Blah Blah Tip</span> 
</a> 
</td></tr></table>

Mais cela ressemble vraiment mal avec css éteint, de sorte que le chemin à parcourir sera en utilisant l'attribut title, puis en ajoutant Mootools ou su ch libs sur le dessus.

Merci les gars.

Source

2010-08-02 06:06:52 abel

Source

2010-08-30 16:29:13

Problème d'info-bulle CSS uniquement

Répondre

Questions connexes