Comunidad de diseño web y desarrollo en internet online

Justificar — Dos imagenes (Top & Bottom)

Citar            
MensajeEscrito el 05 Ene 2015 10:50 pm
Algo estoy haciendo mal, soy principiante en esto del HTML y no puedo con esto que es super básico, espero que me ayuden! Quiero agregar dos imágenes que las dos estén justificadas al centro, pero una al tope y otra al fondo:

Mi codigo es este:

<html>
<head>
<title>Desarrollo de Proyectos</title>
<link rel="shortcut icon" href="/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body { background:#f5f5f5; }
.imagen { width:460px; height:180px; left:50%; position:top; }
.imagen2 { width:360px; height:128px; left:50%; position:bottom; }
</style>
</head>
<body>
<center>
<div class="imagen">
<img src="images/index1.png" alt="" width="460" height="180" border="0"/>
</div>
<div class="imagen2">
<img src="images/index2.png" alt="" width="360" height="128" border="0"/>
</div>
</center>
</body>
</html>

Por ivan_jpg85

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Ene 2015 12:08 am
Una imagen hecha aunque sea con formas en Power Point o Paint ayudaria mucho.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 05 Feb 2015 03:54 am
1° Quitar el "position" y el "left" de las 2 imágenes.
2° Agregar un <br> (salto de linea) después de la primera imagen (al finalizar el div "imagen").
3° Agregar a los estilos "margin: 0 auto;" eso va a hacer que estén centradas.

Por fede5426

20 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Feb 2015 02:45 am
Te recomiendo quitar la etiqueta <center> que ya no se usa y en algunos validadores te saldrá como error

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome

 

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