Como hago esto ?

[HiToGoRoShi]

http://www.ego4u.com/en/cram-up/gram...nt-progressive

Hagan click en las y automaticamente se abre un popup con una descripccion, como hago esto ¿ aparte de css debe ser algo mas... seguro javascript no croe que css solo

[tonydelpinogz]

Eso con jquery / css lo puedes hacr perfectamente

[Carlangueitor]

Se llama Tooltip, se puede hacer con puro CSS, aquí un ejemplo: Tooltip también lo puedes hacer como ya te dijeron, con Javascript (o alguno de sus Frameworks).

Saludos

[tonydelpinogz]

Un ejemplo del Tooltip usando sólo CSS:

Código CSS:

<style type="text/css">
    a.Ntooltip {
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color:#0080C0 !important; /* forzar color del texto */
    font-weight:bold !important; /* forzar negritas */
    }
 
    a.Ntooltip:hover {
    z-index:999; /* va a estar por encima de todo */
    background-color:#000000; /* DEBE haber un color de fondo */
    }
 
    a.Ntooltip span {
    display: none; /* el elemento va a estar oculto */
    }
 
    a.Ntooltip:hover span {
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    top:2em; left:2em; /* donde va a estar */
    width:250px; /* el ancho por defecto que va a tener */
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #0080C0; /* el color de fondo por defecto */
    color: #FFFFFF; /* el color de los textos por defecto */
    }
</style>
 

Código HTML:

<a class="Ntooltip" href="#">
     el texto visible
<span>
          ... el texto oculto (cualquier código HTML) ......
</span>
</a>
<br><p>
<a class="Ntooltip" href="#">
    Otro texto visible
<span>
    y su mensaje oculto
</span>
</a>