Foros del Web » Creando para Internet » HTML »

Cómo puedo colocar elementos libremente por la página? Mejor explicación dentro

Estas en el tema de Cómo puedo colocar elementos libremente por la página? Mejor explicación dentro en el foro de HTML en Foros del Web. Estoy haciendo una página y me veo con la limitación de que no puedo poner las cosas donde realmente quiero, o al menos yo no ...
  #1 (permalink)  
Antiguo 30/04/2013, 12:22
Avatar de aitornillo  
Fecha de Ingreso: abril-2013
Mensajes: 12
Antigüedad: 11 años, 6 meses
Puntos: 0
Cómo puedo colocar elementos libremente por la página? Mejor explicación dentro

Estoy haciendo una página y me veo con la limitación de que no puedo poner las cosas donde realmente quiero, o al menos yo no sé.

Quiero poner las cosas tal y como están en el dibujo adjunto ya que cuando lo hago unas cosas se me bajan, otras se suben, otras se desplazan...

  #2 (permalink)  
Antiguo 30/04/2013, 14:52
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Cómo puedo colocar elementos libremente por la página? Mejor explicación d

para ello tiene que conocer al menos sobre maquetación CSS.

un buen libro de referencia: http://librosweb.es/css_avanzado/

obviamente debe de conocer al menos sobre HTML 4 y/o 5, y CSS 2, aunque hay Frameworks CSS que le proveen de una estructura de layout básica, ideal incluso para sites profesionales.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 30/04/2013, 19:21
 
Fecha de Ingreso: julio-2012
Ubicación: Asunción
Mensajes: 54
Antigüedad: 12 años, 4 meses
Puntos: 3
Respuesta: Cómo puedo colocar elementos libremente por la página? Mejor explicación d

Si tiene razón maycolalvarez.

Con css podes hacer todo por ejemplo

Código HTML:
Ver original
  1. <div id="foto1">
  2. contenido para la foto1
  3. </div>
  4. <div id="texto">
  5. El texto..
  6. </div>
  7. <span class="clear">
  8. <div id="foto2">
  9. contenido centrado abajo
  10. </div>

y con css haces los floats correspondientes:

Código CSS:
Ver original
  1. #foto1{ float:left;}
  2. #texto{ float:left;}
  3. #foto2{margin:0 auto;}
  4. .clear{ clear:both; display:block;}

esta algo bruto el tema del clear, pero debería de funcionar ;)
__________________
--
What is real? How do you define real?
If real is what you can feel, smell, taste and see, then real is simply electrical signals interpreted by your brain.

Etiquetas: elementos, página
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




La zona horaria es GMT -6. Ahora son las 16:05.