Foros del Web » Creando para Internet » CSS »

Alinear vídeo a la izquierda y texto a la derecha

Estas en el tema de Alinear vídeo a la izquierda y texto a la derecha en el foro de CSS en Foros del Web. Buenos días, Llevo un rato intentándolo y buscando información pero no consigo alinear un vídeo (de vimeo od e YouTube, por ejemplo) a la izquierda ...
  #1 (permalink)  
Antiguo 22/06/2009, 04:36
 
Fecha de Ingreso: mayo-2009
Mensajes: 62
Antigüedad: 8 años, 6 meses
Puntos: 0
Alinear vídeo a la izquierda y texto a la derecha

Buenos días,

Llevo un rato intentándolo y buscando información pero no consigo alinear un vídeo (de vimeo od e YouTube, por ejemplo) a la izquierda y el texto que describe el vídeo (que añadiré yo) a la drecha, y enc aso de superar el height del video, que éste siga debajo.

Lo único que consigo es: o que el texto salga debajo (MAL) o que si sale a la derecha de vídeo, el título y el texto del siguiente vídeo aparezcan JUSTO debajo del primer texto, y no como un bloque nuevo debajo del primer vídeo.

En el CSS he creado un div "video" con el cuál alineo el #video object a la derecha, pero me sigue sucediendo lo mismo con el texto, así que mal también.

Os pongo el enlace a los vídeos y si un buen samaritano me puede orientar en cómo conseguir ésta distribución como si de un bloque uno encima de otro se tratara, se lo agradecería.

Código:
<h1>Vídeos</h1>
<h2>Título del vídeo 1</h2>
<object width="425" height="320"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=XXXXX&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=XXXXXXXX&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="320"></embed></object>

<h2>Título del vídeo 1</h2>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XXXXXXXXXXXX&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Repasemos:

Titulo vídeo 1
Vídeo 1 Explicación bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla

Título vídeo 2
Vídeo 2 Explicación bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla


Nada más.

Atentamente, laylu.
  #2 (permalink)  
Antiguo 22/06/2009, 04:54
 
Fecha de Ingreso: mayo-2009
Mensajes: 62
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Alinear vídeo a la izquierda y texto a la derecha

Resuelto !

He creado un div que cogiera el h2, el object y el <p> de la descripción. He añadido un float:left al div #video y un float: left a #video object.

Yuujuu !
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 10:32.