Comunidad de diseño web y desarrollo en internet online

Redimension de imagenes en "Background" por CSS

Citar            
MensajeEscrito el 22 Mar 2007 08:17 pm
Hola,

Como puedo hacer que las imagenes que salgan en "background="imagen fondo"" se han de un determinado tamaño y esten situadas en el centro de una celda?

He visto esta web:
http://www.w3schools.com/css/css_background.asp

He probado los comandos y tal pero no veo ni me ha servido ninguno para redimensionar.

Ya se que puedo crear una imagen a 64x64 y tal pero tendria que crear muchas imagenes, etc.. y lo que quiero es crear como maximo 2. La original a tamaño orignal y otra en pequeño tipo "128x128" o lo que sea. Y luego mediante codigo

Lo que quiero es crear 2 imagenes para cada "dibujo" una sera en tamaño real, y la otra sera en 128x128. De forma que lo que quiero es poner esa imagen de 128x128 en 64x64 de fondo de una celda mediante codigo. ¿O no se puede?

Por matriax

11 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 22 Mar 2007 08:35 pm
No. no se puede

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 22 Mar 2007 10:19 pm
Vaya....

Y sabes si habria alguna manera de poner una imagen de fondo con la etiqueta tipo:

Código :

<img name="img1" src="imagen.gif" >


O habria alguna forma de añadir a una variable por ejemplo "imagen1" el contenido de <img

Código :

name="img1" src="imagen.gif" >
¿?

U otra manera de poner en una celda, tabla o algo ¿? He estado buscando y he encontrado algo con la etiqueta "div" que se pueden trabajr por capas o algo y poner imagenes pero no encuentro mas einfromacion, a ver si sigo y suenan las campanas.

Por matriax

11 de clabLevel



Genero:Masculino  



Ultima edición por matriax el 23 Mar 2007 11:00 am, editado 1 vez

firefox
Citar            
MensajeEscrito el 23 Mar 2007 09:23 am
Creo que tengo la solucion pero antes de matarme a probar y estudiar codigo y demas. Se podria meter una capa dentro de una celda no?

Me refiero una celda tiene una imagen:

Código :

<td>
<img  src="imagen.gif">
</td>


Seria posible meter una capa mediante <div> y poner otra imagen encima?

Por matriax

11 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 23 Mar 2007 11:18 am
Creo que esta conseguido:

Código :

<td  >
        // 1 capa que se usara como fondo
   <div id="c1" style="position:absolute; z-index:0">
   <img src="imagen.gif" width=64 height=64>
        </div>   
   
        // 2 capa que saldra delante de esta 
    <div id="c1" style="position:absolute"; z-index:1>
   <img   src="imagen2.gif"  border="2" ></a> 
  </div>
   </td>


De esta forma y con parametros que faltan consigo que haya una imagen de fondo de celda usando "img" que es lo que me interesa para meter codigo tipo "class" "id", etc.. para generar reflejo y fade in/out.

Y el resultado pues muy chulo. Pero hay un defecto :( y es que las imagenes con la etiqueta div me salen mas hacia abajo de lo que deberian voy a ver.

EDIT: Por lo que he podido ver me sale en la mitad de arriba abajo... ¿por?

Por matriax

11 de clabLevel



Genero:Masculino  

firefox

 

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