¿Como insertar imagenes a ambos lados de un video?.
Buenas tardes, le escribo a ver si no es muy dificil lo que quiero hacer y puede ayudarme:
Tengo un blog y me gustaría añadir unas imagenes a ambos lados de un video que tengo en la cabecera pero no se como hacerlo. Se como agregar una imagen, pero agregandolas todas lo que sucede es que no quedán colocadas como yo quiero, supongo que hay que hacer una especie de cuadrilla o algo.
Le pongo el enlace del blog para explicarselo mejor: http://www.pokerdeporvida.com/
Lo que quiero es poner 6 imagenes pequeñitas a cada lado del video que sale en cabecera "Final European Poker Tour 2011". En el lado izquierdo poner 6 imagenes que queden bien cuadraditas con el video, y en el lado derecho otras 6.
¿Es muy complicado hacer esto?. Si pudiera ayudarme le estaria muy agradecido.
¡Gracias!.
Isaac.
Tengo un blog y me gustaría añadir unas imagenes a ambos lados de un video que tengo en la cabecera pero no se como hacerlo. Se como agregar una imagen, pero agregandolas todas lo que sucede es que no quedán colocadas como yo quiero, supongo que hay que hacer una especie de cuadrilla o algo.
Le pongo el enlace del blog para explicarselo mejor: http://www.pokerdeporvida.com/
Lo que quiero es poner 6 imagenes pequeñitas a cada lado del video que sale en cabecera "Final European Poker Tour 2011". En el lado izquierdo poner 6 imagenes que queden bien cuadraditas con el video, y en el lado derecho otras 6.
¿Es muy complicado hacer esto?. Si pudiera ayudarme le estaria muy agradecido.
¡Gracias!.
Isaac.
1 respuesta
Respuesta de krlosnow
1
Lo que quieres no es complicado de hacer:
<html>
<head>
<style>
.imagenContainer{
float:none
}
</style>
</head>
<body>
<div>
<div style="float:left;width:75px;" >
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
</div>
<div style="float:left">
<object width="440" height="247" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="videojuicer_seed_pokerstars_presentation_5402">
<param name="movie" value="http://player.videojuicer.com/bootstrap.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="flashvars" value="seed_name=pokerstars&heritage_id=b3d835df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402"/>
<param name="name" value="videojuicer_seed_pokerstars_presentation_5402"/>
<param name="wmode" value="transparent"/>
<embed src="http://player.videojuicer.com/bootstrap.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="seed_name=pokerstars&heritage_id=b3d835df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402" width="440" height="247" name="videojuicer_seed_pokerstars_presentation_5402" wmode="transparent"/>
</object>
</div>
<div style="float:left;width:75px;" >
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
.imagenContainer{
float:none
}
</style>
</head>
<body>
<div>
<div style="float:left;width:75px;" >
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
</div>
<div style="float:left">
<object width="440" height="247" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="videojuicer_seed_pokerstars_presentation_5402">
<param name="movie" value="http://player.videojuicer.com/bootstrap.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="flashvars" value="seed_name=pokerstars&heritage_id=b3d835df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402"/>
<param name="name" value="videojuicer_seed_pokerstars_presentation_5402"/>
<param name="wmode" value="transparent"/>
<embed src="http://player.videojuicer.com/bootstrap.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" flashvars="seed_name=pokerstars&heritage_id=b3d835df-af22-4cf1-bdd3-5e9ad000d93e:&presentation_id=5402" width="440" height="247" name="videojuicer_seed_pokerstars_presentation_5402" wmode="transparent"/>
</object>
</div>
<div style="float:left;width:75px;" >
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
<div class="imagenContainer"><img height="41px" width="73px" src=""></img></div>
</div>
</div>
</body>
</html>
