User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

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?

El código en cuestión es este:

Código:

<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>

Gracias de antemano.
Avatar Image
Moderador
Moderador

donde dice <table width='100%' ponlo como <table width="100"> así estará en pixeles y no en porcentaje de pantalla.

Idem para la marquesina. width="85%

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


User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

lo que me interesa es modificar el ancho, le he quitado el "%" pero me queda en la izquierda, y yo lo quiero centrado.


Me sale esto
Pero yo quiero esto


Este es el código modificado

Código:


<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>

Avatar Image
Usuario habitual
Usuario habitual

Si quieres centrar la tabla añade lo siguiente
<table width='985' border='0' bgcolor="#000000" cellpadding='5' cellspacing='1' align='center'>

User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

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
TemaUsuariosRespuestasVisitasActividad
Por: , el 28/Ene/2006, 21:00
1K3R Juannka virus.DJ32kFeb/06
Por: , el 14/Oct/2005, 15:14
ChispazoGrana0951Oct/05
Por: , el 15/Jul/2008, 02:10
PabloRondaP demoniodehiel LiM52kJul/08