-
¿Cómo poner dos imágenes lado a lado en una página?
-
Añadir imágenes a una página web puede mejorar su aspecto general. Puede personalizar sus imágenes, donde van a equilibrar una página. Las imágenes deben encajar dentro de la anchura de la página o DIV (recipiente) para que aparezcan al lado del otro. Por lo tanto, si tiene dos imágenes (cada uno de 100 píxeles de ancho), el ancho de la página o DIV debe ser de al menos 200 píxeles. De lo contrario, la segunda imagen se moverá a la siguiente línea. Puede utilizar hojas de estilo en cascada para colocar las imágenes en su página web.
Instrucciones
1 Seleccione "Archivo" y "Abrir" en un editor de texto, como el Bloc de notas, EditPad o TextPad. Las cajas abiertas muestra el diálogo. Haga doble clic en el archivo HTML que desea modificar.
2 Desplazarse por debajo de la etiqueta de apertura <body> y coloque el cursor donde desea que las imágenes que se van.
3 Copia ( "Ctrl" y "C") y pegar ( "Ctrl" y "V") el siguiente código HTML para colocar sus imágenes una al lado de la otra:
<Div style = "width: 200px;">
<Img style = "width: 75px; altura: 70px; float: left;" />
<Img style = "width: 75px; altura: 70px; float: left;" />
</ Div>
4 Vuelva a colocar el ancho de "estilo div" a la anchura de su contenedor. Reemplazar "image1.gif" y "Image2.gif" con los nombres de los archivos de imágenes reales y cambiar su altura y anchura a las dimensiones correctas.
5 Seleccione "Archivo" y "Guardar" para actualizar el archivo HTML.
