altura de 2 elementos

manel2292 · #1 (**permalink**) 29/02/2012, 06:23

Hola, tengo un div con 2 elementos (una imagen a la izquierda y un formulario a la derecha)

como puedo consegur que el formulario empieze a la altura de la parte de arriba de la imagen y no pegado a us base?

gracias.

joseoliveras · #2 (**permalink**) 29/02/2012, 08:56

float:left

manel2292 · #3 (**permalink**) 29/02/2012, 13:42

no, pero me refiero que si la imagen ocupa la altura de 3 lineas y el formulario es solo una linea esa linea salga a la altura de la1a y no de la ultima de la imagen.

kseso? · #4 (**permalink**) 29/02/2012, 14:55

Alineamiento vertical (vertical-aling) en el elemento de línea.

Pero sin los códigos reales...

emprear · #5 (**permalink**) 29/02/2012, 17:02

Cita:

Iniciado por manel2292

no, pero me refiero que si la imagen ocupa la altura de 3 lineas y el formulario es solo una linea esa linea salga a la altura de la1a y no de la ultima de la imagen.

Cita:

Iniciado por manel2292

Hola, tengo un div con 2 elementos (una imagen a la izquierda y un formulario a la derecha)

como puedo consegur que el formulario empieze a la altura de la parte de arriba de la imagen y no pegado a us base?

gracias.

LA suma de eso, sin su correspondiente código, como te han señalado, podria ser un acertijo, un trabalenguas, pero nunca un enunciado.
Con un poco de buena voluntad, podemos inferir

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
<img src="headers_if.jpg" alt="" width="400" height="300"  style="float: left;"/>
<form action="#">
<input type="text" /> <input type="submit" />
</form>
</div>
</body>
</html>

Que representa UN DIV con DOS ELEMENTOS en su interior, UNA IMAGEN a la izquierda y UN FORMULARIO de UNA SOLA linea a la derecha, aplicándole a la primera float:left; como te indicó (a medias, ya que no dijo a que elemento aplicarlo) @joseoliveras.

Podrías tener la gentileza de reproducir y ejecutar ese código en tu navegador...
como verás el formulario comienza EN LA PARTE SUPERIOR DE LA IMAGEN y no pegado a la base.
¿No es eso lo que deseabas?

Por favor un poco más de consideración a quienes te intentan ayudar al presentar los problemas.

Saludos