Atributos title rotos en abreviaturas

  • Resuelto egyrs

    (@egyrs)


    hace 6 años, 5 meses

    Hola 🙂

    Estoy trabajando en una página, creada sobre WordPress 4.9, que funciona con el tema Twenty Seventeen.

    El problema, como puede comprobarse a fecha de hoy, en la siguiente página es que los valores del atributo title de los elementos abbr se parten, rompen, o desmenuzan presentándose el código fuente de la siguiente manera en el inspector:

    <abbr title"universidad="" nacional="" de="" educación="" a="" distancia"="">UNED</abbr>

    Además, no aparece la tooltip que deberia presentar el valor del atributo cuando se posiciona el puntero del ratón sobre el texto abreviado.

    He buscado y buscado pero estoy perdida.

    ¿Alguna idea de por qué pasa eso y cómo puede resolverse?

    Gracias anticipadas 🙂

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador LGrusin

    (@lgrusin)

    hace 6 años, 5 meses

    ¿Has añadido estilos CSS personalizados a abbr? Parece que van por ahí los tiros…

    Un saludo

    Iniciador del debate egyrs

    (@egyrs)

    hace 6 años, 5 meses

    @lgrusin no, he añadido estilos precisamente intentando que se muestre la tooltip con el valor del atributo title, pero he comprobado ahora mismo que eliminando todas las reglas que había añadido sigue siendo igual.

    Además, eso no afectaría a la cuestión principal que es le hecho de que el valor del atributo title se desmenuza y se convierte en atributos inexistentes.

    Gracias en todo caso.

    Egyrs

    Moderador LGrusin

    (@lgrusin)

    hace 6 años, 5 meses

    @egyrs el problema es que se inserta mal el código de la abbr, en vez, de salir
    <abbr title="Universidad Nacional de Educación a Distancia">UNED</abbr>
    sale
    <abbr title"Universidad Nacional de Educación a Distancia">UNED</abbr>
    le falta el signo = después de title.

    Comprueba con el editor en modo HTML que código genera.

    Lo de los estilos me refiero a esto:

    abbr [title] {content: attr(title);
}

 abbr[title]:hover:after{
content: attr(title);
}
abbr:hover::after {
    content: attr(title);
    /* .. */
}
abbr[title]::after { content: ' ('attr(title)')'; }

    Especialmente la última línea que genera un paréntesis a cada lado del titulo de la abbr.

    Un saludo

    Iniciador del debate egyrs

    (@egyrs)

    hace 6 años, 5 meses

    @lgrusin ¡Lo que hace el cansancio! Invítate a algo de mi parte 🙂 Era sólo eso, que faltaba el =

    Es lo que tiene escribir el código a mano.

    Lo de la css no da problema es sólo una forma de hacer que el valor de title se presente después de la abreviatura. Pero lo he quitado porque realmente no quiere que ocurra en todas las abreviaturas, que usaré muchas 🙂

    ¡Muchísimas gracias!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Atributos title rotos en abreviaturas’ está cerrado a nuevas respuestas.

Etiquetas