CSS - separacion de imagenes

 
Vista:
sin imagen de perfil

separacion de imagenes

Publicado por jose maria (16 intervenciones) el 30/09/2014 18:25:27
hola, estoy intentando poner tres imagenes jpg de 220*100px una debajo de la otra pero se me ve una separacion entre ellas, lo que me gustaria es poder quitarlas y que tal que termina una empieze la otra:

codigo html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<title>
</title>
<link type="text/css" rel="stylesheet"  href="estilos/prueba.css"/>
</head>
<body>
<div>
<img src="imagenes/flores/persiana6.jpg"  width="211" style="lateral1"/>
<br>
<img src="imagenes/flores/persiana7.jpg"  width="211" style="lateral1"/>
<br>
<img src="imagenes/flores/persiana8.jpg"  width="211"/>
</div>
</body>
</html>

codigo css

1
2
3
4
5
6
7
8
9
10
lateral1{
position:relative;
padding:0;
margin:0;
margin-bottom:0px;
margin-top:0;
margin-bottom:0px;
right:0px;
top:0px;
}

gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

separacion de imagenes

Publicado por xve (490 intervenciones) el 01/10/2014 06:40:00
Hola Jose Maria, tienes un <br> entre cada imagen...;) quítalo!!!

No se utilizar style="clase de css", tiene que ser class="clase de css"
Las clases de css empiezan con un punto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title></title>
 
<style>
.lateral1{
	display:block;
	padding:0;
	margin:0;
}
</style>
 
</head>
<body>
	<img src="imagenes/flores/persiana6.jpg"  width="211" class="lateral1"/>
	<img src="imagenes/flores/persiana7.jpg"  width="211" class="lateral1"/>
	<img src="imagenes/flores/persiana8.jpg"  width="211" class="lateral1"/>
</body>
</html>

espero que te sirva.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar