Ayuda con menus!!

hola que tal, soy nuevo en esto, y estoy aprendiendo de a poco a hacer una web (obvio), lo que quiero saber es como puedo llegar a hacer un menu semejante al qe esta en esta pagina http://www.utedyc.org.ar/ (donde dice institucional, autoridades - secretarias, etc) como puedo crear esa barra y ponerla en mi web, gracias!!!! :P :P :P
Pues es muy simple:
esas son imagenes solo tienes que crear las imagenes que son las letras con fondo transparente:
y crear las imagenes de fondo (las dos cuando estan normales y cuando pones el mouse sobre ellas)

luego lo que debes de hacer es crear una lista
ul, li
asi como enseñan en esta web con links y todo, de
en el
#navegador a {background:url(images/"url de la imagen normal")...}
#navegador a:hover {background:url(images/"url de la imagen cuando el mouse le pasa por encima")...}
grax por la respuesta, ahora como hago para crear las imagenes, con algun programa especifico?
Cuando yo empece en ésto, que no fue hace mucho, yo también tenía un problema con los menús.

Pues bien te aconsejo que intentes crear o copiar el menú que viene en este curso (o por lo menos leerlo) si no te lo has mirado, pues si comprendes éste, el otro no te resultará dificil crearle (al no ser que se te de mal el dibujo). Cuando comprendas este menú, solo tendrás que hacer una lista con imágenes en vez de palabras.

Espero que te sirva de algo
Si vale dinero, es barato.
Veo que tienes problemas con las imagenes:

Los buenos diseñadores graficos son los que con simples editores graficos hacen grandes cosas...
Pues mira que simple: yo use paint y power point.
pero si lo quieres hacer mas simple con cualquier cosa que elijas (photoshop, GIMP, corel draw) lo podrias hacer con relativa facilidad... yo personalmente utilizo gimp.

pero aqui estan las imagenes mas o menos como la tiene la pagina que me diste:

La que cuando el mouse le pasa por encima
[contenido no disponible]
Uploaded with ImageShack.us

la que esta normal
[contenido no disponible]

Uploaded with ImageShack.us

Post data: lo hice bastante grande para que lo ajustes a tu tamaño: si necesitas otros colores me avisas...
gracias rodojpm, lo que tengo que hacer es una pag similar a la que te moste la de utedyc, va es para ellos de una seccional en ushuaia, tierra del fuego, argentina. por eso necesito saber como hacerlo, grax
necesitaria ayuda, porque quiero hacer un menu como el que indique arriva, pero cuando coloco la imagen que me pasaron, la agrega para todos los elementos, lo que quiero es que cada link del menu pueda estar "encerrado" en un casillero, y cada uno con su imagen, para eso tengo q crear divs para cada link?. gracias
la verdad no es necesario solo deves poner las imagenes en el lugar correcto, ocea la esquina en el #a y la otra en el #il no ce si me esplico
y poner la cualidad border en cada una de las casiyas pd te dejo un menu q ice ace poco q creo q ce te cera util

html
 <div id="generos">
   <ul>
	   [*]
       [url='#']Inicio[/url]
     
		 [*]
       [url='galeria/galrias.html']Galeria[/url]
     
     [*]
       [url='descargas/descargas.html']Descargas[/url]
   	 
		 [*]
			 [url='#']Convenciones[/url]
		 
		 [*]
			 [url='tv/mangasve-tv.html']Mangasve tv[/url]
		 
		 [*]
			 [url='radio/radio.html']Mangasve Radio[/url]
		 
		 [*]
			 [url='http://animakaizer.blogspot.com']anime[/url]
		 
		 [*]
			 [url='contactanos.html']contactanos[/url]
		 
	 [/list]
 </div>
y el css
#generos           { float:			left ; margin-bottom:0px ; width:1000px ; line-height:	1.0 ; height:30px ; background:#060d18 }
#generos li        { border-right:	1px solid #122B41 ; float:left ; list-style:none ; background:		#060D18 ;  padding: 8px  0px }
#generos a         { color: #6CA7C7 ; text-decoration:none ;  padding: 6px  15px }
#generos a:link    { }
#generos a:visited { }
#generos a:hover   { }
#generos a:active  { }

a pd en #generos a deves poner bacground-imagen i poner la primera imagen q te dio rodojpm y donde dice #genero cambias background:#060d18 por bacground-image: y pones la ruta acia la cegunda imagen q tedan, y lo ultimo en #generos li cambias lo q dice border-right: 1px solid #122B41 por border: 1px #000000 ok creo q es todo buena suerte con tu pagina

pd como editor y creador de imagenes uno photochos y paint son utiles XD e echo muchas cosas con eyos jeje XD a ce me olvidaba q menso si alguien tiene un lin para descargar paintchop pro plis denmenlo lo necesito
codomodragon muchas gracias por tu ayuda, no se si quedo como vos pensaste, mira ahi te subo la imgen de como quedo, lo que me gustaria es que quede mas ancho el menu, la idea es que cuando pase el mouse cambie, capaz me lo dijiste pero no entendi como hacerlo. lo que necesitaria para la pagina, es saber como poner imagenes que sean links, digamos poner un texto antes de la imagen explicando algo, y la imagen con el link.

http://www.imaxenes.com/imagen/dibujo1zx222r.jpg.html
ok primero para hacer mas ancho el menú debes modificar el siguiente código
#generos           { float:         left ; margin-bottom:0px ; [b]width:1000px[/b] ; line-height:   1.0 ; height:30px ; background:#060d18 }
solo debes modificar donde te cénalo y ponerlo al ancho de tu pagina

y sobre las imágenes que sean link pues solo debes agregarles un link a la imagen eso se hace de esta forma
[url="index.html"][img]objetos/logotipo.gif[/img]aki ba una descripcion[/url]
creo que esto de lo daban en el curso paso a paso no estoy seguro si es lo que preguntabas explícate mejor si no lo es XD

y revisando un poco me fije que te di mal el código de la hoja de estilos no ce que me paso pero te la doy ahora corregida
#generos           { float:left ; margin-bottom:0px ; width:1000px ; line-height:1.0 ; height:30px ; background-image: url(aqui la ruta de la segunda imagen) }
#generos li        { border-right:	1px solid #122B41 ; float:left ; list-style:none ; background-image: url(aqui tambien ba la ruta a la segunda imagen) ;  padding: 8px  0px }
#generos a         { color: #6CA7C7 ; text-decoration:none ;  padding: 6px  15px }
#generos a:link    { }
#generos a:visited { }
#generos a:hover   { color:#d9dfe0 ; background: url(aqui la ruta a la primera imagen) repeat-x }
#generos a:active  { }
Disculpa otra ves no ce que es lo que me paso pero te di mal las rutas de la imagen creo que así ya quedo XD
codomodragon, muchas gracias, y esta bien si no habias puesto todo el codigo; lo que si me paso es que se pasa de largo el menu :oops: :oops: :oops: ,disculpa q soy bastante nuevo e hice el curso hace bastante y no me acuerdo d todo. :wink:
bueno según vi estas metiendo el menú que te di en otro div, no lo hagas (el div generos es el div del menu ) y segundo si = ce te pasa el ancho el largo modifica esta línea
#generos           { float:left ; margin-bottom:0px ; width:1000px ; line-height:1.0 ; height:30px ; background-image: url(aqui la ruta de la segunda imagen) } 
hay sale el width (ancho) y el height(largo) de todo el menu
codomodragon estoy apreciando mucho tu ayuda, cuando logre terminarla te voy a dar credito :D :D :D , pero mientras tanto seguimos con problemas. :twisted: :twisted: :twisted:. lo del menu no se corrigio, estoy toqueteando algunas cosas para ver como se arregla.
cuando pongo una imagen para que sea un link, sucede que me pone( si pongo la imagen dentro de un texto) todo el texto junto a la imagen como link, o si lo pongo despues del texto, me pone la imagen mas el pie de pagina con la imagen como links
codomodragon mira esta pagina, es la que hice yo con un poco de ayuda de unos amigos http://utedyc.mi-website.es, lo que quiero hacer es poner donde esta el logotipo, en la misma "linea" una imagen, pero no quiero q la imagen sea un link, como lo hago??, tambien quiero poner un poco de orden al texto con las imagenes, y quiero q la pagina no me quede tan "larga", sino cortarla un poco. si me podrias ayudar, gracias
bien amigo te digo que mejor pásame el código y lo acomodo ya que lo que quieres hacer es largo, pero te puedo decir que para poner imágenes que no sean link puedes ponerlas de fondo al dib através de la hoja de estilos o si prefieres puedes ponerlo en la hoja html de esta forma
[img]aqui la ruta asia la imagen[/img]
para hacer que la pagina no sea tan ancha solo debes cambiar el width del dib global a una cantidad de pixeles menor, así q te digo que para comodidad de ambos pásame los códigos los acomodo y te digo los cambios que ise ok
bueno aca esta el codigo

<!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" xml:lang="es" lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Utedyc - Unión Trabajadores de Entidades Deportivas y Civiles - Seccional Tierra del Fuego</title>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</a>

</div>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<style type="text/css">
<!--
.Estilo1 {
color: #33852E;
font-weight: bold;
}
.Estilo2 {color: #666666}
.Estilo3 {color: #33852E}
body {
background-image: url(imagenes/fonde.bmp);
background-repeat: repeat;
background-color: #d8f0c9;
}
.Estilo5 {
font-size: 18px;
color: #33852E;
font-weight: bold;
}
a:link {
color: #33852E;
text-decoration: none;
}
a:visited {
color: #33852E;
text-decoration: none;
}
a:hover {
color: #33852E;
text-decoration: none;
}
a:active {
color: #33852E;
text-decoration: none;
}
.Estilo8 {
color: #33852e;
font-size: 18px;
}
-->
</style>

</head>

<body>
<table width="0" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="table">
<tr>
<td height="318" valign="top"><table width="103" border="0" cellpadding="0" cellspacing="0" background="imagenes/fondo.gif" class="encabezado">
</table>
<table width="1024" border="0" cellpadding="0" cellspacing="0" class="banner">
<tr>
<td valign="middle" bgcolor="#085408"><script type="text/javascript">
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="1024" height="124">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="124"></embed>
</object></noscript></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0" class="menu">

<tr>
<td valign="top">


</p> </td>
<td width="56" valign="top">[contenido no disponible]</td>
<td width="44" valign="top">[contenido no disponible]</td>
<td width="96" valign="top">[contenido no disponible]</td>
<td width="77" valign="top">[contenido no disponible]</td>
<td width="80" valign="top">[contenido no disponible]</td>
<td width="71" valign="top">[contenido no disponible]</td>
<td width="89" valign="top">[contenido no disponible]</td>
<td width="74" valign="top">[contenido no disponible]</td>
<td valign="top"></td>

</tr>
</table>

<table width="1024" border="0" cellpadding="0" cellspacing="0" class="fondo">
<tr>
<td></td>
</tr>
</table>
<table width="1024" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>

<td valign="top" class="td1">

</p>

<td valign="top" class="td4"><table width="681" border="0" cellspacing="0" cellpadding="0">

</tr>
<tr>

<td width="3" align="center">[contenido no disponible]</td>
<td width="675" align="center"><script type="text/javascript">
</script>

<td width="3" align="center">[contenido no disponible]</td>
</tr>
<tr>
<td colspan="3" valign="top">[contenido no disponible]</td>
</tr>
<table width="681" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top">[contenido no disponible]</td>
</tr>
</table>

<table width="681" border="0" cellspacing="0" cellpadding="0">
<tr>


[contenido no disponible]</p>


</p>


</p>


</p>


Cursos de Capacitacitacion de Dirigentes de utedyc</p>


</p>


[contenido no disponible]</p>


</p>
<p align="justify"><span class="Estilo2">Los cursos abarcan a m&aacute;s de 600 dirigentes de la Uni&oacute;n. El primer encuentro tuvo lugar en Bahía Blanca el 29 y 30 de abril y asistieron las comisiones directivas de La Plata, La Pampa, Comodoro Rivadavia, Caleta Olivia y Bah&iacute;a Blanca.
El segundo, dictado el 27 y 28 de mayo -en Mor&oacute;n-, congreg&oacute; a los dirigentes de Zona Oeste, Sur y Chivilcoy, mientras que para el tercero, el 24 y 25 de junio, con sede en Jun&iacute;n, fueron invitados los dirigentes locales, de Capital Federal y de Pergamino.</span></p>


</p></td>
<td width="2%" valign="top" class="lineizq"></td>
<td width="2%" valign="top"></td>
<td width="48%" valign="top"><p align="left">Luego de arduas negociaciones se logr&oacute; el Acuerdo por el Convenio 462/06</p>
<p align="left"></p>
<p align="center">[contenido no disponible]</p>


</p>

<p align="justify"><span class="Estilo1">3 de Junio </span><span class="Estilo2"><span class="Estilo3"> |</span> En una reuni&oacute;n que se extendi&oacute; hasta pasada la medianoche del mi&eacute;rcoles 2 de junio, los dirigentes de UTEDYC y los directivos de las c&aacute;maras empleadoras llegaron a un acuerdo por el aumento del sueldo de los trabajadores comprendidos en el CCT 462/06.</span></p>


</p>


</p>




</p>
<p align="left"></p>
<p align="left">Ya est&aacute; abierta la Inscripci&oacute;n al Certamen </p>
<p align="left"></p>
<p align="center">[contenido no disponible]</p>


</p>
<p align="justify"><span class="Estilo2">Con motivo de conmemorarse el Bicentenario de la Revoluci&oacute;n de Mayo, UTEDYC invita a sus afiliados y a sus familiares directos a competir con sus im&aacute;genes.</span></p>


</tr>
<tr>
<td valign="top"></td>
<td valign="top" class="lineizq"></td>
<td valign="top"></td>
<td valign="top">

</p></td>

</tr>
</table></td>

<td align="center" valign="left" class="td3">

[contenido no disponible]</p>


[contenido no disponible]</p>


[contenido no disponible]</p>
<p align="left"></p>
<p align="left"></p>



[contenido no disponible]</p>


[contenido no disponible]</p></td>
<td valign="top" class="td1"></td>
</tr>
</table>


</p>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"></td>

<td align="center" class="linesup"><p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="Estilo2">Copyright &copy;2010 <span class="Estilo3">UTEDYC - Tierra del Fuego</span> - Todos los derechos reservados | by elessar_gm </p>

</td>
<td class="td1"></td>
</tr>

</tr>
</table>


</p>


</p>




<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9974855-1");
pageTracker._trackPageview();}
catch(err) {}</script>
</p>
</body>

</html>
ok amigo ya termine empieso con dos cosas
1. estas usando una plantiya para foros bien bieja por lo q veo ya q esta echa a tablas y no a divs o.O
2. esta algo fea la plan tiya asi q me costo algo desifrarla pero creo q ya quedo
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" xml:lang="es" lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Utedyc - Unión Trabajadores de Entidades Deportivas y Civiles - Seccional Tierra del Fuego</title>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[img]objetos/logo.jpg[/img]
</a>

</div>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<style type="text/css">
<!--
.Estilo1 {
color: #33852E;
font-weight: bold;
}
.Estilo2 {color: #666666}
.Estilo3 {color: #33852E}
body {
background-image: url(imagenes/fonde.bmp);
background-repeat: repeat;
background-color: #d8f0c9;
}
.Estilo5 {
font-size: 18px;
color: #33852E;
font-weight: bold;
}
a:link {
color: #33852E;
text-decoration: none;
}
a:visited {
color: #33852E;
text-decoration: none;
}
a:hover {
color: #33852E;
text-decoration: none;
}
a:active {
color: #33852E;
text-decoration: none;
}
.Estilo8 {
color: #33852e;
font-size: 18px;
}
-->
</style>

</head>

<body>
<table width="0" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="table">
<tr>
<td height="318" valign="top"><table width="103" border="0" cellpadding="0" cellspacing="0" background="imagenes/fondo.gif" class="encabezado">
</table>
<table width="724" border="0" cellpadding="0" cellspacing="0" class="banner">
<tr>
<td valign="middle" bgcolor="#085408"><script type="text/javascript">
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="724" height="124">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="724" height="124"></embed>
</object></noscript></td>
</tr>
</table>
<table width="724" border="0" cellspacing="0" cellpadding="0" class="menu">

<tr>
<td valign="top">


</p> </td>
<td width="56" valign="top">[url="index.html"][img]objetos/in-on.jpg[/img][/url]</td>
<td width="44" valign="top">[url="institucional.html"][img]objetos/ins-off.jpg[/img][/url]</td>
<td width="96" valign="top">[url="queesutedyc.html"][img]objetos/que-off.jpg[/img][/url]</td>
<td width="77" valign="top">[url="gremiales.html"][img]objetos/gre-off.jpg[/img][/url]</td>
<td width="80" valign="top">[url="beneficios.html"][img]objetos/ben-off.jpg[/img][/url]</td>
<td width="71" valign="top">[url="turismo.html"][img]objetos/tur-off.jpg[/img][/url]</td>
<td width="89" valign="top">[url="seccionales.html"][img]objetos/secc-off.jpg[/img][/url]</td>
<td width="74" valign="top">[url="contacto.html"][img]objetos/con-off.jpg[/img][/url]</td>
<td valign="top"></td>

</tr>
</table>

<table width="724" border="0" cellpadding="0" cellspacing="0" class="fondo">
<tr>
<td></td>
</tr>
</table>
<table width="724" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>

<td valign="top" class="td1">

</p>

<td valign="top" class="td4"><table width="681" border="0" cellspacing="0" cellpadding="0">

</tr>
<tr>

<td width="3" align="center">[img]imagenes/line.gif[/img]</td>
<td width="675" align="center"><script type="text/javascript">
</script>

<td width="3" align="center">[img]imagenes/line.gif[/img]</td>
</tr>
<tr>
<td colspan="3" valign="top">[img]imagenes/abajo.jpg[/img]</td>
</tr>
<table width="681" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top">[img]imagenes/abajo.jpg[/img]</td>
</tr>
</table>

<table width="681" border="0" cellspacing="0" cellpadding="0">
<tr>


[img]imagenes/line.gif[/img]</p>


</p>


</p>


</p>


[url="http://www.youtube.com/watch?v=Dp2aAwAAxsU"]Cursos de Capacitacitacion de Dirigentes de utedyc[/url]</p>


</p>


[url="http://www.youtube.com/watch?v=Dp2aAwAAxsU"][img]objetos/grafico2.jpg[/img][/url]</p>


</p>
<p align="justify"><span class="Estilo2">Los cursos abarcan a m&aacute;s de 600 dirigentes de la Uni&oacute;n. El primer encuentro tuvo lugar en Bahía Blanca el 29 y 30 de abril y asistieron las comisiones directivas de La Plata, La Pampa, Comodoro Rivadavia, Caleta Olivia y Bah&iacute;a Blanca.
El segundo, dictado el 27 y 28 de mayo -en Mor&oacute;n-, congreg&oacute; a los dirigentes de Zona Oeste, Sur y Chivilcoy, mientras que para el tercero, el 24 y 25 de junio, con sede en Jun&iacute;n, fueron invitados los dirigentes locales, de Capital Federal y de Pergamino.</span></p>


</p></td>
<td width="2%" valign="top" class="lineizq"></td>
<td width="2%" valign="top"></td>
<td width="48%" valign="top"><p align="left">[url="objetos/escala2010.jpg"]Luego de arduas negociaciones se logr&oacute; el Acuerdo por el Convenio 462/06[/url]</p>
<p align="left"></p>
<p align="center">[url="objetos/grafico2.jpg"][img]objetos/grafico1.jpg[/img][/url]</p>


</p>

<p align="justify"><span class="Estilo1">3 de Junio </span><span class="Estilo2"><span class="Estilo3"> |</span> En una reuni&oacute;n que se extendi&oacute; hasta pasada la medianoche del mi&eacute;rcoles 2 de junio, los dirigentes de UTEDYC y los directivos de las c&aacute;maras empleadoras llegaron a un acuerdo por el aumento del sueldo de los trabajadores comprendidos en el CCT 462/06.</span></p>


</p>


</p>




</p>
<p align="left"></p>
<p align="left">[url="bases.pdf"]Ya est&aacute; abierta la Inscripci&oacute;n al Certamen [/url]</p>
<p align="left"></p>
<p align="center">[url="bases.pdf"][img]objetos/banner foto.jpg[/img][/url]</p>


</p>
<p align="justify"><span class="Estilo2">Con motivo de conmemorarse el Bicentenario de la Revoluci&oacute;n de Mayo, UTEDYC invita a sus afiliados y a sus familiares directos a competir con sus im&aacute;genes.</span></p>


</tr>
<tr>
<td valign="top"></td>
<td valign="top" class="lineizq"></td>
<td valign="top"></td>
<td valign="top">

</p></td>

</tr>
</table></td>

<td align="center" valign="left" class="td3">

[img]objetos/banner1.jpg[/img]</p>


[img]objetos/banner2.jpg[/img]</p>


[img]imagenes/line.gif[/img]</p>
<p align="left"></p>
<p align="left"></p>



[url="http://www.sejuvpron.org.ar/"][img]objetos/juven.jpg[/img][/url]</p>


[url="objetos/afiche.jpg"][img]objetos/prev.jpg[/img][/url]</p></td>
<td valign="top" class="td1"></td>
</tr>
</table>


</p>
<table width="724" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"></td>

<td align="center" class="linesup"><p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="margenminimo"></p>
<p class="Estilo2">Copyright &copy;2010 <span class="Estilo3">[b]UTEDYC - Tierra del Fuego[/b]</span> - Todos los derechos reservados | by elessar_gm </p>

</td>
<td class="td1"></td>
</tr>

</tr>
</table>


</p>


</p>




<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9974855-1");
pageTracker._trackPageview();}
catch(err) {}</script>
</p>
</body>

</html>
comododragon tampoco no me tires tan abajo, vamos, es la primera que hago jejeje, gracias por tu ayuda, igual mira te pongo el codigo de como quedo pero este lo modifique yo, creo que quedo bien, lo unico que me falta es alinear el primer texto con la imagen igual que con los otro.
<!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" xml:lang="es" lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Utedyc - Unión Trabajadores de Entidades Deportivas y Civiles - Seccional Tierra del Fuego</title>
<div id="cabecera">
<div id="logotipo"><a href="index.html">
[contenido no disponible]
</a>

</div>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<style type="text/css">
<!--
.Estilo1 {
color: #33852E;
font-weight: bold;
}
.Estilo2 {color: #666666}
.Estilo3 {color: #33852E}
body {
background-image: url(imagenes/fonde.bmp);
background-repeat: repeat;
background-color: #d8f0c9;
}
.Estilo5 {
font-size: 18px;
color: #33852E;
font-weight: bold;
}
a:link {
color: #33852E;
text-decoration: none;
}
a:visited {
color: #33852E;
text-decoration: none;
}
a:hover {
color: #33852E;
text-decoration: none;
}
a:active {
color: #33852E;
text-decoration: none;
}
.Estilo8 {
color: #33852e;
font-size: 18px;
}
-->
</style>

</head>

<body>

<table width="0" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="table">
<tr>
<td height="318" valign="top"><table width="103" border="0" cellpadding="0" cellspacing="0" background="imagenes/fondo.gif" class="encabezado">
</table>
<table width="1024" border="0" cellpadding="0" cellspacing="0" class="banner">
<tr>
<td valign="middle" bgcolor="#085408"><script type="text/javascript">
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="1024" height="124">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1024" height="124"></embed>
</object></noscript></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0" class="menu">

<tr>
<td valign="top">


</p> </td>
<td width="56" valign="top">[contenido no disponible]</td>
<td width="44" valign="top">[contenido no disponible]</td>
<td width="96" valign="top">[contenido no disponible]</td>
<td width="77" valign="top">[contenido no disponible]</td>
<td width="80" valign="top">[contenido no disponible]</td>
<td width="71" valign="top">[contenido no disponible]</td>
<td width="89" valign="top">[contenido no disponible]</td>
<td width="74" valign="top">[contenido no disponible]</td>
<td valign="top"></td>

</tr>
</table>

<table width="1024" border="0" cellpadding="0" cellspacing="0" class="fondo">
<tr>
<td></td>
</tr>
</table>
<table width="1024" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>

<td valign="top" class="td1">

</p>
<td valign="top" class="td4"><table width="681" border="0" cellspacing="0" cellpadding="0">
</tr>
<td width="675" align="center"><script type="text/javascript">
</script>


<table width="681" cellpadding="3">
<tr>


Cursos de Capacitacitacion de Dirigentes de utedyc</p>


[contenido no disponible]</p>
<p align="justify"><span class="Estilo2">Los cursos abarcan a m&aacute;s de 600 dirigentes de la Uni&oacute;n. El primer encuentro tuvo lugar en Bahía Blanca el 29 y 30 de abril y asistieron las comisiones directivas de La Plata, La Pampa, Comodoro Rivadavia, Caleta Olivia y Bah&iacute;a Blanca.
El segundo, dictado el 27 y 28 de mayo -en Mor&oacute;n-, congreg&oacute; a los dirigentes de Zona Oeste, Sur y Chivilcoy, mientras que para el tercero, el 24 y 25 de junio, con sede en Jun&iacute;n, fueron invitados los dirigentes locales, de Capital Federal y de Pergamino.</span></p>


</p></td>
<td width="2%" valign="top" class="lineizq"></td>
<td width="2%" valign="top"></td>
<td width="48%" valign="top"><p align="left">Luego de arduas negociaciones se logr&oacute; el Acuerdo por el Convenio 462/06</p>

<p align="left">[contenido no disponible]</p>

<p align="justify"><span class="Estilo1">3 de Junio </span><span class="Estilo2"><span class="Estilo3"> |</span> En una reuni&oacute;n que se extendi&oacute; hasta pasada la medianoche del mi&eacute;rcoles 2 de junio, los dirigentes de UTEDYC y los directivos de las c&aacute;maras empleadoras llegaron a un acuerdo por el aumento del sueldo de los trabajadores comprendidos en el CCT 462/06.</span></p>
<p align="left">Ya esta; abierta la Inscripción al Certamen </p>

<p align="left">[contenido no disponible]</p>

<p align="justify"><span class="Estilo2">Con motivo de conmemorarse el Bicentenario de la Revoluci&oacute;n de Mayo, UTEDYC invita a sus afiliados y a sus familiares directos a competir con sus im&aacute;genes.</span></p>
</tr>

</table>
</table></td>
<td align="right" valign="right" class="td3">

[contenido no disponible]</p>


[contenido no disponible]</p>


[contenido no disponible]</p>
<p align="left"></p>
<p align="left"></p>


[contenido no disponible]</p>


[contenido no disponible]</p></td>
<td valign="top" class="td1"></td>
</tr>
</table>

<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"></td>

<td align="right" class="linesup"><p class="margenminimo"></p>
<p class="Estilo2">Copyright &copy;2010 <span class="Estilo3">UTEDYC - Tierra del Fuego</span> - Todos los derechos reservados | by elessar_gm </p>

</td>
<td class="td1"></td>
</tr>

</body>

</html>
lo que me gustaria hace es correr el logo tipo a la par de donde esta el menu, con que comando es?
comododragon, tengo un problema, yo cuando abro mi pagina con el iexplorer se ve bien, solo tengo que sacar una fraja verde que aparece arriba del menu pero el resto esta bien, pero cuando lo abro con el firefox, una parte del texto se ve desplazada hacia la izquierda, como puedo arreglarlo?? :x :x :x :x :x :x
amigo no estoy seguro que habrás modificado en las tablas pero te digo que uses la plantilla que te e dado en ella no aparecen los problemas que vi en firefox al copiar la tuya no estoy seguro de que habrás movido ya que como dije nunca e usado tablas para crear una web

pd: no intentaba hacerte quedar mal solo te estaba diciendo los errores sorry si te dio esa impresión
noooo no hay problema, pero como haria para poner todo en una plnatilla sin que se me desconfigure el resto?? :? :? :?
amm pes solo cópiala y renómbrala a el nombre que quieras y después cambiar las rutas no hay pierde amigo
che tengo ganas de ponerle un banner arriba del menu junto con el logotipo. por ejemplo que pasen unas imagenes de ushuaia, que es donde estoy, seria un tipo gif, como se puede hacer eso??
vos sabes que cuando pruebo la pagina con el iexplorer me sale bien, = que en el opera, pero con el mozilla me sale el primer parrafo de la primer foto corrido, no se que pasa. igual que cuando pulso suponete el boton de turismo dos veces me tira q la pagina no se puede mostrar, por que sera? :roll: :roll: :roll: :roll: