Comunidad de diseño web y desarrollo en internet online

IMAGEN ESTATICA

Citar            
MensajeEscrito el 26 May 2011 12:58 am
BUenas . necesito ayuda, cual es el codigo para colocar una imagen estatica ,fija,en la parte inferior centrada, y tambien si habria algun problema si la imagen atatica estubiera al mismo nivel con una animacion en flash

gracias de antemano

Por aucacusi

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 May 2011 01:08 am
Algún ejemplo de lo que quieres?

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 26 May 2011 02:58 am
encontré esta web: http://www.xoyaz.com/
en este caso es una pequeña imagen ubicada en la parte inferior derecha de la pantalla,
yo la quiero en la parte inferior centrada.

saludos

Por aucacusi

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 May 2011 03:08 am
A la imagen ponle position: fixed; y la posición se la das con top, left o right, bottom:

Código :

.imagenfija {
  display: block;
  position: fixed;
  top: 100px;
  left: 100px;
}

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 26 May 2011 03:55 am
De hecho sería mas bien como

Código :

.imagenfija {
  display: block;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px; /*o lo que sea que te de la mitad del tamaño de la imagen*/
}

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 26 May 2011 03:11 pm
el codigo usado en ese ejemplo:

Código :

<img id="typekit-badge-zzv7cyr" class="typekit-badge" width="62" height="25" src="http://use.typekit.com/badges/default.gif" alt="Fonts by Typekit" title="Information about the fonts used on this site" style="position: fixed; z-index: 2000000000; right: 0pt; bottom: 0pt; cursor: pointer; border: 0pt none; content: none; display: inline; height: 25px; left: auto; margin: 0pt; max-height: 25px; max-width: 62px; min-height: 25px; min-width: 62px; orphans: 2; outline: medium none; overflow: visible; padding: 0pt; page-break-after: auto; page-break-before: auto; page-break-inside: auto; table-layout: auto; text-indent: 0pt; top: auto; unicode-bidi: normal; vertical-align: baseline; visibility: visible; widows: 2; width: 65px;">




boton derecho sobre la imagen, inspeccionar elemento

saludos

Por PrimoSaviSan

56 de clabLevel



 

firefox

 

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