Espero que esta la contesten.Necesito ayuda para poner un re

Hola a todos.estoy haciendome una pagina para paseos caninos y tengo algunos videos mios.Puse una seccion de videos, pero no se como poner un reproductor o hacerme uno a gusto.Luego quisiera poder hacer que se vean mis videos.
Por eso quiero que sea personal,porque he leido que tambien los puedo subir a youtube y que los descarguen de ahi, pero tambien se verian otros videos que no serian los mios.
Como puedo lograr este objetivo ? :?
Agradesco de antemano todas las colaboraciones.muchisimas gracias

PD: Me manejo con dreamweaver-flash-fireworks y photoshop todos son cs3.y la pagina la estoy haciendo en html con el dreamweaver cs3.saludos y gracias
Tienes varias opciones:

Una es subir el video a youtube y luego enlazarlo a tu web y listo. De donde sacas que se verian mas videos, es no es asi...

Otra opcion es que subas los videos a un servidor, y crees un reproductor con flash, esto esta bien y mal, bien porque el reproductor es tuyo, mal porque si son muchos videos la cuota de transferencia consumida es tuya al tener alojados los videos en tu servidor...
wolfmoon escribió:Tienes varias opciones:

Una es subir el video a youtube y luego enlazarlo a tu web y listo. De donde sacas que se verian mas videos, es no es asi...

Otra opcion es que subas los videos a un servidor, y crees un reproductor con flash, esto esta bien y mal, bien porque el reproductor es tuyo, mal porque si son muchos videos la cuota de transferencia consumida es tuya al tener alojados los videos en tu servidor...

Entonces lo mejor es subirlos a youtube Como deberia de hacerlo? ya se subir videos, ahora el tema seria como poner un reproductor que se vea bien y que me deje poner varios videos y solo los mios.
porque mi host es gratuito 000webhost.com. no creo que me deje almacenar mucho. encima un video pesa 23 mb otro 48 mb y otro 53mb formato microsoft video.
Podria buscar un codigo html de algun reproductor bueno y luego como hago para que la gente pueda elegir el video o pueda poner un video en mi web?
Nuevamente mil gracias wolfmoon
No no, eso es lo bueno de subir los videos a youtube, que no te pesan a ti, ya que no estan alojados en tu servidor, y tampoco te consumen transferencia mensual por el mismo motivo.

Los subes a youtube, y lo unico que tienes que hacer es copiar el codigo object que te proporcione youtube y ponerlo donde quieras que aparezca ese video entiendes?
wolfmoon escribió:No no, eso es lo bueno de subir los videos a youtube, que no te pesan a ti, ya que no estan alojados en tu servidor, y tampoco te consumen transferencia mensual por el mismo motivo.

Los subes a youtube, y lo unico que tienes que hacer es copiar el codigo object que te proporcione youtube y ponerlo donde quieras que aparezca ese video entiendes?

a ver...encontre esto:

Saludos coleguillas.

He encontrado un código para insertar un reproductor de video o musica en la web. El código va dentro del Body, en el lugar que quieres que aparezaca, y es el siguiente:

Cita:
<object id="MediaPlayer" width="ANCHO" height="ALTO" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm
p2inf.cab#Version=5,1,52,701" standby="Un segundo por favor " type="application/x-oleobject">
<param name="FileName" value="imagen.avi">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="ShowStatusBar" value="true">
<param name="DisplaySize" value="1">
</object>


Y otro más aquí:

Cita:
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src="imagen.avi" width="ANCHO" height="ALTO" autostart="1"
ShowStatusBar="1" ShowControls="1" DisplaySize="4">
</embed>

y los videos que tengo en youtube.com son estos:

url: http://www.youtube.com/watch?v=6IBeHf73qZw

y el codigo para insertar de uno es este :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/6IBeHf73qZw&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6IBeHf73qZw&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

tengo otro que es url:

http://www.youtube.com/watch?v=dyUYdst-UKw

para insertar del segundo es :

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/dyUYdst-UKw&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dyUYdst-UKw&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

otro es...url:

http://www.youtube.com/watch?v=lawWYNDP2LA

codigo del tercer video para insertar en la web es este:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/lawWYNDP2LA&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lawWYNDP2LA&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Como hago para que la gente vea la cantidad de videos que hay y pueda elegir el que guste, en que parte coloco el codigo para insertar de youtube

MIl gracias wolfmoon :wink:
Vamos a ver, si quieres tener los videos en youtube no te queda otra que poner el reproductor de youtube.

Sobre como poner los videos, lo puedes hacer de muchas formas, puedes crear una lista de enlaces a cada video. Tambien puedes hacer una especie de galeria de videos, no se, eso ya como tu veas y dependiendo tambien del diseño de tu web...
wolfmoon escribió:Vamos a ver, si quieres tener los videos en youtube no te queda otra que poner el reproductor de youtube.

Sobre como poner los videos, lo puedes hacer de muchas formas, puedes crear una lista de enlaces a cada video. Tambien puedes hacer una especie de galeria de videos, no se, eso ya como tu veas y dependiendo tambien del diseño de tu web...

a ver...imagino que si pongo el codigo completo ya viene con el reproductor incluido, por lo que me decis. por otro lado me podes dar mas info de como crear la galeria de videos con la respectiva imagen cada uno.
A mi se me ocurre crearla con flash que se corra la imagen cada vez que se apoya el mouse y que cuando presiones este en el on rel el codigo de video a insertar. sera asi?
Yo lo haria utilizando css para posicionamiento mas que nada.

Puedes hacer una lista de imagenes (capturas de pantalla del inicio de cada video) y que al hacer click te lleven a otro html con ese video.
wolfmoon escribió:Yo lo haria utilizando css para posicionamiento mas que nada.

Puedes hacer una lista de imagenes (capturas de pantalla del inicio de cada video) y que al hacer click te lleven a otro html con ese video.

oka, creo que mas o menos te entiendo. bueno, hoy llegaron amigos hace 1 hora,je... y yo sigo aca mejor atender a la gente antes que crean que soy un enfermo :oops: que no deja lo que hace.je...mañana la sigo un abrazo wolf y buenas noches :wink:
Mañana lo sigo
wolfmoon escribió:Ok, pues aqui te esperamos, a ver como sale la cosa...

Hola wolf estoy tratando de hacer la lista para que se vean los videos. Se me ocurrio de hacer un <div id="lista_videos>y adentro una tabla con dos columnas y dos filas.
primeras columnas y y filas pongo los titulo "videos de paseo" y "videos varios" y en las segundas hacer la barra bajando para ver todos los videos que hay(tipo youtube)El tema es que no se como se hace esa barra ni cual es el nombre para yo poder buscar algo de info( me manejo con el dreamweaver, seguro que es algun icono de la parte de diseño,no?Sera el que dice "Marcos"?.A vos que te parece la idea.Si queres entra a la web y fijate como va quedando www.ciudadmascotera.com.ar. gracias :wink:

PD: es casi directa la pregunta a wolf ya que el es el que me esta ayudando un monton(un fenomeno) pero todos los que quieran aportar ayuditas,bienvenidos sean :wink: .saludos y gracias
O me conviene hacer un div de videos de paseo y un div de videos varios uno al costado del otro como se ve en la pagina.y adentro varios divs con la imagenes para que se pueda ver los videos?De todas formas como puedo hacer una barra que suba o baje para ver mas videos y no solo 3 o 4 que serian los que me entran en el lugar?
Bueno lo hice con el (div id="lista_videos_paseo") en el css(posicion/desplazamiento y me quedo el scroll)a dentro puse un div para el titulo y un div para cada video.Estara bien asi? http://ciudadmascotera.com.ar/videos.html. mi nueva pregunta es...dentro de cada div de video, pondria una tabla para ubicar la foto y algunas descripciones del video, como categoria,duracion,titulo, y quien lo envio.Estara bien si lo hago con una tabla? o hay otra manera correcta y efectiva?saludos y mil gracias :wink:

Nooo, no sale esta forma :? me pasa que al querer seleccionar la tabla, me selecciona todo el div id="lista_videos_paseo" y no me deja seleccionar solo una celda.como hacer que mi lista sea lo que quiero :(
Tu lo que quieres es que te quede como la parte de "videos relacionados" de youtube?
wolfmoon escribió:Tu lo que quieres es que te quede como la parte de "videos relacionados" de youtube?

si,exactamente
Como hago wolf,me podrias ayudar o dar una idea ? gracias :wink:
Hoy por la noche te digo una manera sin tablas, solo con css, es que ahora ando sin tiempo oks?
wolfmoon escribió:Hoy por la noche te digo una manera sin tablas, solo con css, es que ahora ando sin tiempo oks?

Dale, buenisimo :wink: . te agradesco mucho el interes por ayudarme y la buena onda.Un abrazo :wink:
Lo prometido es deuda: Te dejo el codigo completo, cambia los padding y margin a tu antojo, y asi vas probando.

Codigo CSS:

.corte { clear: both;}
	
#videos {
	border:1px solid #000;
	width: 500px;
	height:250px;
	padding-top:15px;
	margin: 0 auto;
	overflow:auto;
}

#videos .capa_contenido {
	float: left;
	width: 220px;
	height:150px;
	border-bottom:1px solid #000;
}


#videos .capa_contenido div {
	text-align:left;
	padding:5px 5px 5px 5px;
	text-decoration: none;
	color:#000;
	font-weight:bold;
}

#videos .capa_contenido div h1 {
	font-size:14px;
	color:#000099;
	text-align:center;
	margin:0;
	padding:0px;
}

Codigo HTML

<body>
<div id="videos">
	<div class="capa_contenido">	
		<div>Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de...</div>
	</div>		
	<div class="capa_contenido">
		<div><h1>Titulo del video 1</h1>Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto...</div>
	</div>
	<div class="corte"></div>
	<div class="capa_contenido">	
		<div>Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de...</div>
	</div>		
	<div class="capa_contenido">
		<div><h1>Titulo del video 2</h1>Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto...</div>
	</div>
	<div class="corte"></div>
	<div class="capa_contenido">	
		<div>Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de cada video.Aqui iria la imagen de...</div>
	</div>		
	<div class="capa_contenido">
		<div><h1>Titulo del video 3</h1>Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto explicativo de cada imagen.Aqui iria el texto...</div>
	</div>
	<div class="corte"></div>
</div>
</body>

Espero que te sirva.... saludos
wolfmoon escribió:Se me olvidaba, testeado con firefox y explorer 7

La verdad que sos un fenomeno.Voy a estudiarlo de todas formas.Asi fue muy facil :oops: .Y no te voy a andar molestando a cada rato.je... :D ya fue suficiente.Te super agradesco.luego te digo como me quedo y como se ve en el ie 6 .un abrazo
wolfmoon escribió:Consejo: actualiza a explorer 7, o mejor aun, instala firefox... :D

No se de donde sos wolf pero en argentina todavia mucha gente sigue usando el 6 y en ciber tambien.otros son mas avanzados y tienen el ie 7.Bahhh... yo de hecho uso el 6. El 7 no me gusta, me resulta un poco lento :?
Tengo el mozilla, ese si que me agrada :D .
Ya que estamos te comento que no me queda bien alineado, la foto con el texto :roll: , me queda una linea mas arriba y una mas abajo.Lo estoy viendo como cambiar eso.saludos :wink:
Ya casi lo tengo gracias a tu gran ayuda.Pero todavia sigo sin poder alinear mi lista.
le puse
foto/descripcion del video/texto sobre tema de video miralo aqui si queres : http://ciudadmascotera.com.ar/videos.html

asi tengo el HTML

<div id="videos" >
<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 1</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Diego Maradona :P</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">3:03</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Este video fue filmado el 30/12 en el parque las Heras,aca estan los dogs jugando como siempre.</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>

<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 2</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Claudio P. Caniggia</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">2:13</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Otro video mas el cual tendra su comentario</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>
<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 3</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Roberto Carnaggi</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">1:33</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Hola espero que le gusten los videos que pronto estaran</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>
</div>

Y asi el SCC

.corte { clear: both;}

#videos {
border:1px solid #000;
width: 594px;
height:230px;
overflow:auto;
float: left;
position: relative;
top: 10px;
left: 2px;
right: auto;
}

#videos .capa_contenido_imagen {
float: left;
width: 130px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido_descripcion {
float: left;
width: 200px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido_descripcion_comentario {
float: left;
width: 260px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido div {
text-align:left;
padding:5px 5px 5px 5px;
text-decoration: none;
color:#000000;
font-weight:bold;
}

#videos .capa_contenido div h1 {
font-size:10px;
color:#000099;
text-align:center;
margin:0;
padding:0px;
}


pero no me quedan alineados los tres juntos: img/descripcion/texto

Si puedes me dices donde esta la falla,yo no la pude encontrar y estuve a full y nada :? .saludos :wink:
Esta es la pagina completa:

HTML

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>*_ Videos de los perros de Parque Las Heras _*</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-image: url(fireworks/fondo.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #33FF00;
}
a:link {
text-decoration: none;
color: #33FF00;
}
a:visited {
text-decoration: none;
color: #FFFF00;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #993300;
}
.Estilo7 {font-size: 18px; font-family: Forte, Arial, Calibri; color: #FFFFFF; }
.Estilo10 {color: #33FF00}

-->
</style>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>

<body>
<div id="contenido">

<div id="cabecera">
<script type="text/javascript">
AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…','width','800','height','120','src','flash/cabecera_perrito','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio…','movie','flash/cabecera_perrito' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="800" height="120">
<param name="movie" value="flash/cabecera_perrito.swf" />
<param name="quality" value="high" />
<embed src="flash/cabecera_perrito.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio…" type="application/x-shockwave-flash" width="800" height="120"></embed>
</object></noscript>
</div>

<div id="cuerpo">
<div id="menu_videos" align="center">

<div id="Titulo_menu_videos">Encontrado</div>
</div>

<div id="videos_videos" align="center"><table>
<tr>
<td align="left" valign="top"><object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/6IBeHf73qZw&hl=es&fs=1&rel=0&color1=0x2349…"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6IBeHf73qZw&hl=es&fs=1&rel=0&color1=0x2349…" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></td>
<td align="left" valign="top">Este video fue filmado el 30/12 en el parque las Heras,aca estan los dogs jugando como siempre.espero que les guste mucho</td>
</tr>
</table>
</div>
<div id="videos" >
<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 1</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Diego Maradona :P</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">3:03</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Este video fue filmado el 30/12 en el parque las Heras,aca estan los dogs jugando como siempre.</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>

<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 2</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Claudio P. Caniggia</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">2:13</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Otro video mas el cual tendra su comentario</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>
<div class="capa_contenido_imagen" >

<div>
<table>
<tr>
<td width="120" height="100" align="center" valign="middle">[contenido no disponible]</td>
</tr>
</table>
</div>
</div>
<div class="capa_contenido_descripcion">
<table>
<tr>
<td colspan="2" align="center" valign="middle"><h3 class="Estilo10">Titulo 3</h3></td>
</tr>
<tr>
<td width="62"><u>Lo envio:</u></td>
<td width="126" align="center" valign="middle">Roberto Carnaggi</td>
</tr>
<tr>
<td><u>Categoria:</u></td>
<td align="center" valign="middle">Gracioso</td>
</tr>
<tr>
<td><u>Duracion:</u></td>
<td align="center" valign="middle">1:33</td>
</tr>
</table>
<h4 align="center" class="descripcion_lista"></h4>
<div> </div>
</div><div class="capa_contenido_descripcion_comentario">
<div>
<table>
<tr>
<td align="center" valign="top">Hola espero que le gusten los videos que pronto estaran</td>
</tr>
</table>


</p>
</div>
</div>
<div class="corte"></div>
</div>
</div>
<div id="pie">
<table width="800" height="36" border="1" align="center" background="fireworks/fondo_pie.png">
<tr>
<td width="127" align="center" valign="middle"><span class="Estilo7">Copygraph 2009</span></td>
<td width="330" align="center" valign="middle"><span class="Estilo7">[correo eliminado]</span></td>
<td width="321" align="center" valign="middle"><span class="Estilo7">Pedi diseñar o mejorar tu sitio web Aquí</span></td>
</tr>
</table>
</div>
</div>
</body>
</html>

y el SCC

@charset "utf-8";
/* CSS Document */

#cabecera {
z-index: 1;
height: 120px;
width: 800px;
left: 112px;
position: relative;
}
#contenido {
position: relative;
z-index: 1;
height: 768px;
width: 1024px;
}
#cuerpo {
position: relative;
z-index: 1;
width: 800px;
left: 112px;
height: 611px;
background-color: #993300;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#pie {
position: relative;
z-index: 1;
height: 35px;
width: 800px;
left: 112px;
float: left;
margin-top: 1px;
}
#menu_videos {
float: right;
height: 610px;
width: 199px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #FFFF00;
position: relative;
}
#videos_videos {
float: left;
height: 364px;
width: 596px;
margin-top: 1px;
position: relative;
top: 5px;
}
#menu_paseador {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
}
#menu_fotos {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
position: relative;
}
#menu_pensionados {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
position: relative;
}
#menu_contacto {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
top: 2px;
position: relative;
}
#menu_productos {
float: right;
height: 605px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
position: relative;
padding-top: 5px;
}
#fotos {
float: left;
height: 611px;
width: 600px;
}
#centro_pensionado {
height: 300px;
width: 600px;
float: left;
position: relative;
}
#publicidad_centro_productos {
float: left;
height: 610px;
width: 600px;
position: relative;
}
#titulo_contacto {
float: left;
width: 600px;
margin: 0px;
height: 100px;
position: relative;
}
#centro_contacto {
float: left;
height: 485px;
width: 600px;
position: relative;
}
#centro_contacto_error {
float: left;
height: 300px;
width: 600px;
margin-top: 20px;
position: relative;
}
#menu_contacto_error {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
position: relative;
}
#menu_contacto_ok {
float: right;
height: 611px;
width: 199px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFFF00;
position: relative;
}
#centro_contacto_ok {
float: left;
height: 300px;
width: 600px;
margin-top: 20px;
position: relative;
}
#centro_pensionados {
float: left;
height: 611px;
width: 600px;
position: relative;
}


.corte { clear: both;}

#videos {
border:1px solid #000;
width: 594px;
height:230px;
overflow:auto;
float: left;
position: relative;
top: 10px;
left: 2px;
right: auto;
}

#videos .capa_contenido_imagen {
float: left;
width: 130px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido_descripcion {
float: left;
width: 200px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido_descripcion_comentario {
float: left;
width: 260px;
height:105px;
border-bottom:1px solid #000;
position: relative;
}
#videos .capa_contenido div {
text-align:left;
padding:5px 5px 5px 5px;
text-decoration: none;
color:#000000;
font-weight:bold;
}

#videos .capa_contenido div h1 {
font-size:10px;
color:#000099;
text-align:center;
margin:0;
padding:0px;
}


#espacio_contacto_error {
float: left;
height: 40px;
width: 600px;
position: relative;
margin-top: 5px;
}
#espacio_contacto_ok {
height: 40px;
width: 600px;
margin-top: 5px;
}
#costo_pensionado {
position: relative;
height: 87px;
width: 600px;
}
#titulo_pensionado {
position: relative;
height: 60px;
width: 600px;
}
#videos .capa_contenido_descripcion .descripcion_lista {
margin: 0px;
}

jajaja.Debe de ser un desastre querer entenderla.Y buehhh ,novato :oops: