Cuadrado negro antes y despues de texto

[edugilc]

Hola!!!!

Tengo una aplicacion con en java html

Cuando paso el ratón por encima de una herramienta me sale un rectángulo amarillo, diciendo lo que es, hasta ahí correcto, lo malo es que me sale un cuadrado pequeño antes y despues de la palabra que muestra y no entiendo porqué ..

Este es el codigo:

<div dojoType="dijit.form.Button" id="zoomout" iconClass="zoomoutIcon" onClick="actionControler.executeAction(actionContr oler.actions.zoomout);" showLabel="false" >Alejar</div>

y en el css tengo:

.zoomoutIcon {
background-image:url(../images/nav_zoomout.png);
width:32px;
height:32px;

Alguna idea???

gracias!!

[edugilc]

Iniciado por edugilc

Hola!!!!

Tengo una aplicacion con en java html

Cuando paso el ratón por encima de una herramienta me sale un rectángulo amarillo, diciendo lo que es, hasta ahí correcto, lo malo es que me sale un cuadrado pequeño antes y despues de la palabra que muestra y no entiendo porqué ..

Este es el codigo:

<div dojoType="dijit.form.Button" id="zoomout" iconClass="zoomoutIcon" onClick="actionControler.executeAction(actionContr oler.actions.zoomout);" showLabel="false" >Alejar</div>

y en el css tengo:

.zoomoutIcon {
background-image:url(../images/nav_zoomout.png);
width:32px;
height:32px;

Alguna idea???

Me faltaba algo de info:

esto es la cabecera:
<div title="Junta de Castilla y leon" id="navToolbar" dojoType="dijit.Toolbar" dir="rtl" >

Si pongo dir="ltr" no sucede eso!!! porqué!!!!!!!!!!!





gracias!!

[armandoweb]

Hola...

Decirte que puede ser con los datos que nos estás dando es algo complicado...
Lo tenes online como para que lo veamos...?

Saludos.

[edugilc]

Tienes razón, ahí van mas datos, sé que el problema está aquí:

Lo que pasa es que sale el recuadrito amarillo del tooltip informando de lo que es cada botón que es una imagen, por ejemplo, "zoom acercar" pero en vez de salir eso al poner el ratón sobre ese botón sale " * zoom acercar * "
donde * es un cuadrado negro.

En este caso pasa:

<div title="mi pagina" id="navToolbar" dojoType="dijit.Toolbar" dir="rtl" >

En este caso no pasa:
<div title="mi pagina" id="navToolbar" dojoType="dijit.Toolbar" dir="ltr" >

y como está la imagen:

<div dojoType="dijit.form.Button" id="zoomin" iconClass="zoominIcon" onClick="actionControler.executeAction(actionContr oler.actions.zoomin);" showLabel="false" >Acercar</div>


Evidentemente salen las imágenes al lado izquierdo pero el tooltip con el nombre salen bien..

Añadir que sólo falla en chrome, funciona en firefox y en en explorer.
Añadir tambien que trabajamos con dojo.