Comunidad de diseño web y desarrollo en internet online

Simular que una imagen sale de la tabla contenedora?

Citar            
MensajeEscrito el 11 Feb 2010 02:18 pm
Buenas, cómo hacer que una imagen salga de la tabla contenedora de una pagina web? vean ejemplo aqui http://www.theparkacademy.ie/ , en esta pagina hay 2, una de cada lado. Es eso un layer? ¿cómo se hace en dreamweaver? o eso se coloca con un CSS? siempre quise saber esto ya que me resulta muy curioso y le da un toque de diseño a la pagina. Gracias :D

Por Gabrielc

39 de clabLevel



 

safari
Citar            
MensajeEscrito el 11 Feb 2010 04:04 pm
aca lo tenes, ponele backgrounds y ya estan

Código HTML :

<html>
<head>
<title>imagenes sobre otras</title>
<style type="text/css"> 
#peliarriba{margin:0 auto; position:absolute; z-index:0; height:500px; width:500px; background:#00FF99;} #peliabajo{ position:absolute; z-index:1; background: #0000FF; width:100px; height:100px; margin-left:450px; margin-top:75px;} 
#peliabaj2o{ position:absolute; z-index:1; background: #0000FF; width:300px; height:200px; margin-left:-150px; margin-top:150px;} 
</style>
</head>
<body>
<div style="margin:0 auto;  height:500px; width:600px;">
<div id="peliarriba">

</div>
<div id="peliabaj2o">

</div>
<div id="peliabajo">

</div>
</div>
</body>
</html>


pd: leete este tutorial te puede ayudar en esto

Por hdf1986

68 de clabLevel



Genero:Masculino  

Estudiante de día y developer por las noches

firefox
Citar            
MensajeEscrito el 12 Feb 2010 12:44 pm
gracias por tu aporte DJ, es esta la unica solucion?

Por Gabrielc

39 de clabLevel



 

safari
Citar            
MensajeEscrito el 12 Feb 2010 02:43 pm
es la unica que se yo , habia otra pero no la recuerdo

Por hdf1986

68 de clabLevel



Genero:Masculino  

Estudiante de día y developer por las noches

firefox
Citar            
MensajeEscrito el 14 Feb 2010 03:08 pm
juega con el margin negativo en el css. Ej:

div {
margin-left: -20px;
}

Que vaya bien!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox

 

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