Banner Flotante

[vallescamacho]

Bueno amigos esta es la primera vez que posteo por aca y creo que lo hare seguido, ya tengo mucho tiempo visitando la pagina y la verdad he aprendido un buen de cosas, pero hasta hoy que consegui trabajo tendre que aprender mas... mucho mas..

Bueno mi pregunta es la siguiente muchas veces cuando visito paginas me encuentro con banners que me persiguen (algunos verdaderamente molestos) encontre una manera sensilla de hacerlos, pero resulta que cuando los activo no me deja hacer clicks ni nada en la pagina, lo que use fue en html con css y divs, les dejo los codigos y los links para que puedan ver a lo que me refiero.

La pagina de prueba la pueden ver aki

[URL="http://consultorias.netau.net/prueba"]http://consultorias.netau.net/prueba[/URL]


Este en el Style

Código CSS:

.imgcp  {
    position: fixed;
    right: 0%;
    bottom: 0;
    display:block;
    height: 100%;
    width:100%;
    background:url(img/cp.png) top right no-repeat;
    z-index: auto;
    overflow: hidden;
}
 

Este esta en Body

Código HTML:

<div class="imgcp"><a href="http://www.forosdelweb.com"></a></div> 

¿creen que se pueda hacer algo con este codigo? o es necesario usar js o jquery o algo asi.

Se que si alguien ve el codigo de la pagina me reganara por usar dreamweaver

Saludos...

[Batan]

Buenas, cambia el valor del z-index, por un número decimal que te permita sobreponer tu banner, sobre las demás capas.

Sobre z-index
http://es.html.net/tutorials/css/lesson15.php

[vallescamacho]

Iniciado por Batan

Buenas, cambia el valor del z-index, por un número decimal que te permita sobreponer tu banner, sobre las demás capas.

Sobre z-index
[URL="http://es.html.net/tutorials/css/lesson15.php"]http://es.html.net/tutorials/css/lesson15.php[/URL]

Gracias Amigo me funciono a la primera, me acabo de dar cuenta que el link de la imagen del div no funciona si sabes por que podrias decirme?

Si crees que no deberias :D okey yo lo busco pero muchas gracias por tu auyuda al final fue

Código CSS:

z-index: -1;
 

[Batan]

Por que el link no hace referencia a nada.

<div class="imgcp"><a href="http://www.forosdelweb.com"></a></div>

Osea creas la etiqueta a href pero sin contenido.
La imagen no deberia estar como fondo sino como imagen pura.

<div class="imgcp"><a href="http://www.forosdelweb.com"><img src="tu imagen.png" alt="Banner" /></a></div>

Saludos

[C2am]

Tienes un banner del 100% de la pantalla, mientras que la imagen que muestras debe tener 50px por 50px. Al ocupar toda la pantalla es obvio que no podrás seleccionar nada de lo que haya debajo.
El display:block no es necesario ya que es un div, es decir un elemento de bloque.
Ten en cuenta : La propiedad que controla la posición tridimensional de una caja se denomina z-index y sólo tiene efecto sobre los elementos posicionados, es decir, aquellos sobre los que se ha establecido la propiedad position o la propiedad float. Por su propia definición, z-index sólo suele ser útil cuando se producen solapamientos entre las cajas.

Código CSS:

.imgcp  {
    position: fixed;
    right: 0;
    bottom: 0;
    display:block;
    height: 150px;
    width:150px;
    background:url(img/cp.png) top right no-repeat;
    z-index: 50;
    overflow: hidden;
}
 

y el enlace lo tienes vacio.
Saludos

[vallescamacho]

Gracias a los dos usuarios que me repondieron las dos respuestas me ayudaron mucho, dejare los codigos finales por si alguien lo ocupa.

Código CSS:

.imgcp  {
    position: fixed;
    right: 0;
    top: 0;
    height: 50px;
    width:50px;
    overflow: hidden;
    
}
 

Código HTML:

<div class="imgcp"><a href="http://www.forosdelweb.com"><img src="img/cp.png"/></a></div>