Comunidad de diseño web y desarrollo en internet online

Ayuda con barra infeior...!!!!

Citar            
MensajeEscrito el 13 Oct 2009 12:38 am
Hola a todos!

Quisiera saber como hacer un barra o publicidad como esta ( imagen estatica de abajo) http://www.thebeatlesrockband.com/, como puede ver la barra o imagen esta siempre quieta, asi mueva el scroll la imagen no sube o baja..como hago esto?

un amigo me dijo que es con iframes, eh intentado pero no entiendo mucho...

gracias!!

Por JuanCR

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Oct 2009 12:42 am
perdon, el link creo qeu no srivio..aca dejo el qeu sirve
http://www.thebeatlesrockband.com/game

gracias

Por JuanCR

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Oct 2009 06:22 pm
Los iframes ya no se usan, en la página que mencionas solo usan un div al final del código y lo posicionan con CSS, por ejemplo, si tu div le pones el id footer, solo tienes que aplicarle el estilo así:

Código :

div#footer {
   position: fixed;
   bottom:0;
   left:0;
   width:100%;
}


Es decir, haces que su posición sea "fixed" y que no esté separada del lado izquierdo ni de abajo, y para que abarque todo el espacio le estableces un ancho del 100%

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 13 Oct 2009 08:12 pm
Gracias por la respuesta:
intente lo que me dijiste pero aun sigo con inconvenientes, mira: tengo una imagen la cual es la barra, de 1680px X 50px. Coloque el codigo que me dijiste y funciona, pero al probarlo aparece al final de la pagina..es decir bajar el scroll para poderlo ver...lo que quisiera es que siempre salga a la vista en al parte inferior igual que la pagina que envie de ejemplo...cuando yo baje el scroll la barra se quede siempre visible y quieta.

mira,
en el HTML tengo:
<div id="footer b">
<p><img src="images/barra_inferior.jpg" width="1600" height="50" /></p>
</div>

en el CSS, estilo tengo:
div#footer b {
position: fixed;
bottom:0;
left:0;
width:100%;
}

tambien la barra deja un esapcio en al derecha que no se porque sale y descuadra la cinta superior derecha..:S
que estoy haciendo mal?.. dejo el link del ejemplo...para ser mas claros...

http://jucaru.net/lab/

gracias por la ayuda Ray!!!!

Por JuanCR

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Oct 2009 08:51 pm
Prueba usando otro id sin espacios (por ej. footer_b)

Lo del espacio a la derecha puede deberse a que usas una imagen muy larga, deberías de usar una que se repita.

Prueba usando solo esto en el HTML:

Código HTML :

<div id="footer_b">
</div>


Y esto en la CSS:

Código :

div#footer_b {
      background: url(images/barra_inferior.jpg) repeat-x;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%; height: 50px;
}


Y usa esta imágen:


A ver que tal te funciona ahora :)

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 13 Oct 2009 09:31 pm
WOW!!!!!!!!!!!!!!!!!!!!!

graciassss...sirve perfecto!!!!!!!:):)

muchisimas gracias Ray!!!

Por JuanCR

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Oct 2009 09:38 pm
De nada! ^^

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.