Soporte » Dise├▒o – Temas y plantillas » Atributos title rotos en abreviaturas

  • Resuelto egyrs

    (@egyrs)


    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)

    ┬┐Has a├▒adido estilos CSS personalizados a abbr? Parece que van por ah├ş los tiros…

    Un saludo

    Iniciador del debate egyrs

    (@egyrs)

    @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)

    @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)

    @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.