image
Inicio » Foros » HTML

Foro sobre HTML

ventana flotante que desplaza

Volver al foro | Responder | Añadir nuevo tema


De: andres
Fecha: 19/11/2015
Mensaje:

Hola ante todo soy novato en esto mis
conocimiento sobre programación son muy
básicos.
Tengo una web y me han dado un código para una
ventana flotante escondida en el extremo
derecho de la pantalla con un texto que dice
información. Al poner el mouse encima esta
ventana se desplaza y enseña toda la
información.
Puse el código en mi web y funciono de
maravilla, el problema es el siguiente:
En mi monitor se ve perfectamente pero en otros
monitores más pequeños desaparece de la
pantalla. Como puedo lograr que funcione
independientemente del tamaño del monitor.
En resumen que siempre quede en el mismo sitio
independiente del tamaño de la pantalla
Creo que me he enredado un poco pero no sé
explicarlo de otra forma, Les dejo en html;

<DOCTYPE HTML>
<html>

<head>
<meta charset="uft-8">
<title>Ventana flotante</title>
<style type="text/css">
<body>
{
overflow-x:hidder;
}
.vFlotante
{
position:absolute;
left:141%;
top:3%;
width:280px;
height:400px;
transition:all .4s ease-in;
-webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-o-transition:all .4s ease-in;
}
.vFlotante:hover
{
left:118%;
}
.titulo
{
transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform:rotate(270deg);
}
</style>
<body>
<div class="vFlotante">
<hgroup style="display:inline-block;">
<h1 class-"titulo">
INF</h1>
</hgroup>
<p style="display:inline-block; margin-
left:34px; margin-right:1px; margin-top:0px"
align="center">
<font face="Tahoma" size="3"><b>Información</b>
</font></p>
<p style="display:inline-block; margin-
left:34px; margin-right:3px; margin-top:6px"
align="right">
<span class="Apple-style-span">
<span style="font-family: Arial, 'Arial Unicode
MS', Helvetica, sans-serif; color: #303F50;
letter-spacing: normal">
aquí el texto</span></span></p>
</div>
</body>
</html>





muchas gracias Andres


Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.