Saludos;
tengo un problema con el menú que se despliega cuando pasas el puntero sobre una imagen o tumbnails, este menú se sale del contexto de la pagina, Existe alguna forma para que dependiendo de donde este ubicada la imagen el menú desplegable se expanda para otro lado, así no se saldría del sitio.
Adjunto una imagen para que entiendan a lo que me refiero.
Este es mi código css
Código:
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 0px;
content: attr(title); /* este es el texto que será mostrado */
left:160px;
position: absolute;
/* el formato gráfico */
background-color:#666; /* el color de fondo */
border-radius: 5px;
color: #FFF; /* el color del texto */
font-family: Georgia;
font-size: 12px;
padding: 5px 15px;
text-align: center;
text-shadow: 1px 1px 1px #000;
width: 250px;
height:120px;
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
/* el triángulo inferior */
border: solid;
border-color: rgba(255,255,255, 0.2) transparent;
border-width: 6px 6px 0 6px;
}