Tengo tres problemas con un código.
El primero es que tengo hecha una página con html y css en la que he puesto publicidad de adsense. En la parte de arriba hay una imagen que abre una capa que ocupa toda el area de la página y al lado un texto donde pondré la url de la web. En la linea siguiente hay un código de publicidad adsense de 4 enlaces de texto.
Debajo hay, a la izquierda un banner de adsense de 3 enlaces, en el centro el contenido de la web y a la derecha un banner grafico de adsense. Vale, hasta ahí todo bien. Cuando cargo la página, aparecen la imagen, el texto con la url y la capa de contenido inmediatamente. La publicidad de arriba, consistente en 4 enlaces de texto, aparece pasado 1 segundo, el banner de la izquierda tarda 30 segundos y cuando pasan esos 30 segundos, hay que esperar otros 30 para que aparezca el de la derecha. Lógicamente, esto es un incordio, porque probablemente, la mayoría de los usuarios apenas estén segundos en la página antes de irse a otro enlace o salir. En ese breve tiempo no sale la publicidad ni siquiera.
El segundo es que, cuando pulso en la imagen que hay en la parte superior izquierda, se abre la capa ocupando todo el área de la página, pero la publicidad de adsense aparece encima de esta. Tampoco me ha cogido el color de fondo morado que he puesto en una capa que he creado dentro, de nombre "contenedormenu".
Agrego un tercer error, que es el siguiente. Cuando cargo la página, la barra de desplazamiento no está arriba del todo, sino que aparece un poco bajada, con lo cual la imagen de la esquina superior izquierda, que es esencial que se vea bien, no se ve a menos que al usuario le dé por subir la barra.
En fin, coloco el código html y el del css, haber si podéis echarme una mano.
CSS
Código HTML:
body { background-color: #1E4E5C; font:14px helvetica, arial, sans-serif; } #abrirmenudenavegacion { float: left; } #nombredelaweb { float: left; font-size: 3em; margin-left: 100px; /* border: 2px solid #cccccc; */ padding: 20px; } #bannersuperior { /* border: 2px solid #cccccc; */ width: 800px; float: left; } #subscripcion { width: 200px; float: left; margin-left: 100px; } #subscripcionsup { /* border: 1px solid #cccccc; */ } #subscripcioninf { /* border: 1px solid #cccccc; */ margin-top: 3px; padding: 5px; } div#menu{ position: absolute; width: 100%; top: 0; left:0; margin-top: 8px; margin-left: 8px; padding: 0; background-color: #8B8B42; display: none; } #contenedormenu { background-color: #7401DF; } .nofloat { clear: both; }
Código HTML:
<html> <head> <title></title> <link rel="stylesheet" type="text/css" href="estilo.css" media="screen" /> </head> <body> <div id="menu"> <div> <a href="#" onclick="document.getElementById('menu').style.display='none';"><img src="imagenes/cerrarmenu.gif" /></a> </div> <div id="contenedormenu"> <p>ajdfkasld ñfasidf jasidfohasjdkfhlasdjfkasldjf hasduifkas jfhs jakdlfh jasdjkflasdjh fjaskdlfh jasdfuiasdjfhasjdklfuashdfjaskdlfjash djfkasudh fuasdipfuasdhfsjkdlfh asdufklsdjahf kasdjfhusdaif jshadfk asdjhf jsdaklfusdah fjsdkalf jhasdjfk lsdufh sdkfsjdahf jaskdjfhasduif asdhfjaskflasdh uasikjfhasjdklfas jdhfusdkfluqhefjkasljfhasdukflasdjfhas dkshjfjasdklfuasdfh sdajfkldasjhfasduklfasdjfhaksdlfh</p> <p>ajdfkasld ñfasidf jasidfohasjdkfhlasdjfkasldjf hasduifkas jfhs jakdlfh jasdjkflasdjh fjaskdlfh jasdfuiasdjfhasjdklfuashdfjaskdlfjash djfkasudh fuasdipfuasdhfsjkdlfh asdufklsdjahf kasdjfhusdaif jshadfk asdjhf jsdaklfusdah fjsdkalf jhasdjfk lsdufh sdkfsjdahf jaskdjfhasduif asdhfjaskflasdh uasikjfhasjdklfas jdhfusdkfluqhefjkasljfhasdukflasdjfhas dkshjfjasdklfuasdfh sdajfkldasjhfasduklfasdjfhaksdlfh</p> <p>ajdfkasld ñfasidf jasidfohasjdkfhlasdjfkasldjf hasduifkas jfhs jakdlfh jasdjkflasdjh fjaskdlfh jasdfuiasdjfhasjdklfuashdfjaskdlfjash djfkasudh fuasdipfuasdhfsjkdlfh asdufklsdjahf kasdjfhusdaif jshadfk asdjhf jsdaklfusdah fjsdkalf jhasdjfk lsdufh sdkfsjdahf jaskdjfhasduif asdhfjaskflasdh uasikjfhasjdklfas jdhfusdkfluqhefjkasljfhasdukflasdjfhas dkshjfjasdklfuasdfh sdajfkldasjhfasduklfasdjfhaksdlfh</p> <p>ajdfkasld ñfasidf jasidfohasjdkfhlasdjfkasldjf hasduifkas jfhs jakdlfh jasdjkflasdjh fjaskdlfh jasdfuiasdjfhasjdklfuashdfjaskdlfjash djfkasudh fuasdipfuasdhfsjkdlfh asdufklsdjahf kasdjfhusdaif jshadfk asdjhf jsdaklfusdah fjsdkalf jhasdjfk lsdufh sdkfsjdahf jaskdjfhasduif asdhfjaskflasdh uasikjfhasjdklfas jdhfusdkfluqhefjkasljfhasdukflasdjfhas dkshjfjasdklfuasdfh sdajfkldasjhfasduklfasdjfhaksdlfh</p> </div> </div> <div id="abrirmenu"><a href="#" onclick="document.getElementById('menu').style.display='block';"><img src="imagenes/abrirmenu.gif" /></a></div> <div id="tituloweb">WWW.MIPAGINA.COM</div> <div class="nofloat"></div> <div id="publicidadsup"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-4871260818691998"; /* webcocina_superior */ google_ad_slot = "1204988275"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="nofloat"></div> <div id="bannerizq"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-4871260818691998"; /* webcocina_bannerizq */ google_ad_slot = "2885988793"; google_ad_width = 120; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div id="contenido"> <p>Bienvenido a esta web de cocina, dieta sana y deporte. Aquí encontraras:</p> <p>- Recetas de cocina en formato texto y video.<br /> - Una dieta que realmente funciona, sin pasar hambre ni poner en riesgo tu organismo.<br /> - Consejos sobre ejercicio, imprescindible para adelgazar de forma sana.</p> <p>Para abrir el menú y acceder a las diferentes categorías, haz clic en la imagen que pone “Abrir menú” que hay en la parte superior izquierda de la página.</p> <p>Encontraras recetas de cocina de toda la vida, de dieta, de diseño, consejos de deporte, mito sobre beber mucha agua para adelgazar, como afilar cuchillos y otras herramientas, primeros auxilios en la cocina...</p> <p>Disfruta de tu visita y no olvides recomendar esta web a tus amigos. Gracias.</p> </div> <div id="bannerder"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-4871260818691998"; /* webcocina_bannerder */ google_ad_slot = "1425626297"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </body> </html>