CSS - Como hacer adaptable popup?

 
Vista:
sin imagen de perfil
Val: 1
Ha disminuido su posición en 20 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como hacer adaptable popup?

Publicado por Luvin (1 intervención) el 27/09/2016 13:57:33
Quiero hacer adaptable el siguiente pop up centrado en medio de la pagina. Alguien podría Ayudarme??? Gracias

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<style>
#topbar {
height:30px;
width:auto;
background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 336px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:Center;
padding:4px;
}
 
 
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></target="_blank"></span>
</div>
<div id="adsground">
<h3><a href="LuvinRafael">Publicidad</a></h3>
<p align="left"><h3></h3></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- AnunciondentroEntrada -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1892'2489824982"
     data-ad-slot="3623988494"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p> <br/> </ p> </ div> </ div> / / code ends / /
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 82
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Como hacer adaptable popup?

Publicado por DAVID (29 intervenciones) el 29/09/2016 09:54:37
Hola,
Conoces bootstrap?? Lleva ya incorporado un monton de clases, entre ellas, la de ventanas emergentes, que logicamente, salen centradas. Tan solo deberias añadir a tu proyecto el css en cuestion.

Un saludo,
David
Madrid, diseño gráfico
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar