Foros del Web » Creando para Internet » HTML »

salto de linea de elementos

Estas en el tema de salto de linea de elementos en el foro de HTML en Foros del Web. hola, tengo una consulta, sucede que tengo este div: Código HTML: <div class= "mid" > </div> @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original .mid { font-size ...
  #1 (permalink)  
Antiguo 28/05/2016, 09:54
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 961
Antigüedad: 6 años, 9 meses
Puntos: 110
salto de linea de elementos

hola, tengo una consulta, sucede que tengo este div:

Código HTML:
<div class="mid"></div> 

Código CSS:
Ver original
  1. .mid{
  2. font-size:15px;
  3. width:690px;
  4. margin:0px auto 15px auto;
  5. }



dentro de este div:

Código HTML:
Ver original
  1. <a href="#"><img src="images/home/album.jpg"><br/>album1</a>
  2. <a href="#"><img src="images/home/album.jpg"><br/>album2</a>
  3. <a href="#"><img src="images/home/album.jpg"><br/>album3</a>
  4. <a href="#"><img src="images/home/album.jpg"><br/>album4</a>
  5. <a href="#"><img src="images/home/album.jpg"><br/>album5</a>
  6. <a href="#"><img src="images/home/album.jpg"><br/>album6</a>
  7. <a href="#"><img src="images/home/album.jpg"><br/>album7</a>
  8. <a href="#"><img src="images/home/album.jpg"><br/>album8</a>
  9. <a href="#"><img src="images/home/album.jpg"><br/>album9</a>
  10. <a href="#"><img src="images/home/album.jpg"><br/>album10</a>

la imagen images/home/album.jpg mide 205 pxs.

deseo que estos se alineen a la izq. pero estos hacen saltos de línea

ayuda?

Última edición por alvaro_trewhela; 28/05/2016 a las 10:02
  #2 (permalink)  
Antiguo 28/05/2016, 11:22
 
Fecha de Ingreso: julio-2013
Mensajes: 14
Antigüedad: 6 años, 1 mes
Puntos: 3
Respuesta: salto de linea de elementos

pues podrías hacer esto...

Código CSS:
Ver original
  1. .mid a {
  2.   display: block; /*hace que la caja <a> se comporte como un elemento de tipo bloque*/
  3.   float: left; /*hace que los elementos floten/acomoden a la izquierda del contenedor*/
  4. }

Y adicionalmente te dejo esto...

Propiedad float:
developer.mozilla.org/es/docs/Web/CSS/float

Propiedad display:
developer.mozilla.org/es/docs/Web/CSS/display

Espero te sirva

Última edición por BeikerxD; 28/05/2016 a las 12:18 Razón: No me sirven los enlaces :/
  #3 (permalink)  
Antiguo 30/05/2016, 20:19
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 961
Antigüedad: 6 años, 9 meses
Puntos: 110
Respuesta: salto de linea de elementos

muchisimas gracias :)

Etiquetas: elementos, salto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 06:56.