#1• Se me plantea el problema siguiente, en un foro empleo este código, que da lugar a una tabla de cinco menús, pero se adapta a la anchura de la pantalla de quien vea el foro, quedando desencuadrado en según que ordenador. ¿Podríais indicarme como ajustarle la anchura a por ejemplo 975 px? ¿También me podríais decir como le pongo un fondo distinto al del foro? <script language="JavaScript"> seleccion = 0; function menu1() { if(seleccion != 1){ seleccion = 1; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="block"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_1"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu2() { if(seleccion != 2){ seleccion = 2; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="block"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_1"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu3() { if(seleccion != 3){ seleccion = 3; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="block"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_1"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu4() { if(seleccion != 4){ seleccion = 4; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="block"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_1"; objx.className = "tabla_texto_2"; } } function menu5() { if(seleccion != 5){ seleccion = 5; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="block"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_1"; } } </script> <a name="menu"></a> <table width='100%' border='0' bgcolor="#000000" cellpadding='5' cellspacing='1'> <tr> <td class='tabla_titulo' id='tabla_titulo_obj'><img src="http://lagunamov.mforos.com/" width="1" height="1" border="0" onLoad="menu1()">Avisos - <a href="http://lagunamov.mforos.com/" target="http://lagunamov.mforos.com/" style="text-decoration: none;"> Foro Lagunamov</a> -Ultimas Noticias </td> <td width="70%" valign='top' background="http://lagunamov.mforos.com/" class='tabla_texto_1' id='Tabla2_obj'><center><marquee align="top" width="85%" direction="left" onMouseOver="this.scrollAmount=1" onMouseOut="this.scrollAmount=4" scrollamount=4 scrolldelay=0 loop="-1">Foro Lagunamov Versión 1.2.Agradecimientos a Iosuiscloud... </marquee></center></td> </tr> <tr id='Tabla2_obj' class='tabla_texto_2'><td width="100%" colspan="2"> <table width="100%"> <tr id='Tabla2_obj' class='tabla_texto_2'> <tr id='Tabla2_obj' class='tabla_texto_2'> <td width="20%" align="center" valign="middle" onMouseOver="menu1()" id="tabla_menu1"><a href="#menu" style="text-decoration: none;"> <tr id='Tabla2_obj' class='tabla_texto_2'> <td width="20%" align="center" valign="middle" onMouseOver="menu1()" id="tabla_menu1"><a href="http://lagunamov.mforos.com/1479417/7536539-reglas-del-foro/" style="text-decoration: none;"> Normas </a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu2()" id="tabla_menu2"><a href="http://lagunamov.mforos.com/1510638-taller-de-firmas/" style="text-decoration: none;"> Talleres de firmas</a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu3()" id="tabla_menu3"><a href="http://lagunamov.mforos.com/1477548-off-topic/" style="text-decoration: none;"> Presentaciones(offtopic)</a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu4()" id="tabla_menu4"><a href="http://lagunamov.mforos.com/register/" style="text-decoration: none;"> Nuevo Usuario</a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu5()" id="tabla_menu5"><a href="http://lagunamov.mforos.com/login/" style="text-decoration: none;"> Conectar usuario</a></td> </tr> </table> </td> </tr> <tr id='Tabla2_obj' class='tabla_texto_2'> <td align="center" colspan="5" valign="middle"> <!--inicia codigo de Menu1 !--> <div id="menu1" style="display:none;"> </div> <!--fin codigo de Menu1 e inicio codigo de Menu2!--> <div id="menu2" style="display:none;"> </div> <!--fin codigo de Menu2 e inicio codigo de Menu3!--> <div id="menu3" style="display:none;"> </div> <!--fin codigo de Menu3 e Inicio codigo Menu4!--> <div id="menu4" style="display:none;"> </div> <!--fin codigo de Menu4 e inicio codigo de Menu5 !--> <div id="menu5" style="display:none;"> </div> |
#2•• donde dice <table width='100%' ponlo como <table width="100"> así estará en pixeles y no en porcentaje de pantalla. De interés Público
NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer |
#3•• lo que me interesa es modificar el ancho, le he quitado el "%" pero me queda en la izquierda, y yo lo quiero centrado. <script language="JavaScript"> seleccion = 0; function menu1() { if(seleccion != 1){ seleccion = 1; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="block"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_1"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu2() { if(seleccion != 2){ seleccion = 2; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="block"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_1"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu3() { if(seleccion != 3){ seleccion = 3; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="block"; obj4.style.display="none"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_1"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_2"; } } function menu4() { if(seleccion != 4){ seleccion = 4; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="block"; obj5.style.display="none"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_1"; objx.className = "tabla_texto_2"; } } function menu5() { if(seleccion != 5){ seleccion = 5; obj1=document.getElementById("menu1"); obj2=document.getElementById("menu2"); obj3=document.getElementById("menu3"); obj4=document.getElementById("menu4"); obj5=document.getElementById("menu5"); obj6=document.getElementById("tabla_menu1"); obj7=document.getElementById("tabla_menu2"); obj8=document.getElementById("tabla_menu3"); obj9=document.getElementById("tabla_menu4"); objx=document.getElementById("tabla_menu5"); obj1.style.display="none"; obj2.style.display="none"; obj3.style.display="none"; obj4.style.display="none"; obj5.style.display="block"; obj6.className = "tabla_texto_2"; obj7.className = "tabla_texto_2"; obj8.className = "tabla_texto_2"; obj9.className = "tabla_texto_2"; objx.className = "tabla_texto_1"; } } </script> <a name="menu"></a> <table width='985' border='0' bgcolor="#000000" cellpadding='5' cellspacing='1'> <tr> <td class='tabla_titulo' id='tabla_titulo_obj'><img src="http://lagunamov.mforos.com/" width="1" height="1" border="0" onLoad="menu1()">Avisos - <a href="http://lagunamov.mforos.com/" target="http://lagunamov.mforos.com/" style="text-decoration: none;"> Foro Lagunamov</a> -Ultimas Noticias </td> <td width="70%" valign='top' background="http://lagunamov.mforos.com/" class='tabla_texto_1' id='Tabla2_obj'><center><marquee align="top" width="85%" direction="left" onMouseOver="this.scrollAmount=1" onMouseOut="this.scrollAmount=4" scrollamount=4 scrolldelay=0 loop="-1">Foro Lagunamov Versión 1.3.Agradecimientos a Iosuiscloud... </marquee></center></td> </tr> <tr id='Tabla2_obj' class='tabla_texto_2'><td width="100%" colspan="2"> <table width="100%"> <tr id='Tabla2_obj' class='tabla_texto_2'> <tr id='Tabla2_obj' class='tabla_texto_2'> <td width="20%" align="center" valign="middle" onMouseOver="menu1()" id="tabla_menu1"><a href="#menu" style="text-decoration: none;"> <tr id='Tabla2_obj' class='tabla_texto_2'> <td width="20%" align="center" valign="middle" onMouseOver="menu1()" id="tabla_menu1"><a href="http://lagunamov.mforos.com/1479417/7536539-reglas-del-foro/"> <img src="http://img156.imageshack.us/img156/991/normascopianr2.gif"border="0" /></a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu2()" id="tabla_menu2"><a href="http://lagunamov.mforos.com/1477548-off-topic/"> <img src="http://img156.imageshack.us/img156/1072/presntatecopiafo1.gif"border="0" /></a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu3()" id="tabla_menu3"><a href="http://lagunamov.mforos.com/1510638-taller-de-firmas/"> <img src="http://img156.imageshack.us/img156/941/tallerescopiavd0.gif"border="0" /></a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu4()" id="tabla_menu4"><<a href="http://lagunamov.mforos.com/1449486-final-fantasy-mix/"> <img src="http://img156.imageshack.us/img156/4636/finalmixcopiasl6.gif"border="0" /></a></td> <td width="20%" align="center" valign="middle" onMouseOver="menu5()" id="tabla_menu5"><a href="http://lagunamov.mforos.com/login/"> <img src="http://img155.imageshack.us/img155/4420/conctatecopiaax1.gif"border="0" /></a></td> </tr> </table> </td> </tr> <tr id='Tabla2_obj' class='tabla_texto_2'> <td align="center" colspan="5" valign="middle"> <!--inicia codigo de Menu1 !--> <div id="menu1" style="display:none;"> </div> <!--fin codigo de Menu1 e inicio codigo de Menu2!--> <div id="menu2" style="display:none;"> </div> <!--fin codigo de Menu2 e inicio codigo de Menu3!--> <div id="menu3" style="display:none;"> </div> <!--fin codigo de Menu3 e Inicio codigo Menu4!--> <div id="menu4" style="display:none;"> </div> <!--fin codigo de Menu4 e inicio codigo de Menu5 !--> <div id="menu5" style="display:none;"> </div> |
#4• Si quieres centrar la tabla añade lo siguiente |
#5• Gracias, ya está solucionado, había probado cosas como <center>[código]</center> pero eso no lo sabía |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
Temas similares | ||||
Tema | Usuarios | Respuestas | Visitas | Actividad |
---|---|---|---|---|
Por: 1K3R, el 28/Ene/2006, 21:00 | 3 | 2k | Feb/06 | |
Por: ChispazoGrana, el 14/Oct/2005, 15:14 | 0 | 953 | Oct/05 | |
Por: PabloRondaP, el 15/Jul/2008, 02:10 | 5 | 2k | Jul/08 |