Tengo la web hecha con wordpress, instalé un template el cual trae instalado el plugin tipsy, que es para crear tooltips más vistosos que los del navegador por defecto. Bueno, la cuestión es que tengo en la plana principal una serie de imágenes que enlazan a un vídeo, y cuando pasas el ratón por encima aparecen los tips, pero no en la posición correcta, sino que aparecen todos en la esquina izquierda del inicio de la sección! Esto con el chrome, porque con el explorer aparecen en el lado contrario... Lo podéis mirar aquí (donde pone projects, abajo): http://www.josenoguera.es/
Aquí tenéis el código del css del plugin:
Código CSS:
Ver original
.tipsy { padding: 10px; font-size: 10px; background-repeat: no-repeat; background-image: url(../img/tipsy/bg.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; }
A ver si puede alguien ayudarme. Si hace falta que suba algo más decírmelo. Mil gracias por adelantado.