Problema con tabla - Comunidades de foros

miarroba

Entrar Regístrate

InicioServicio ForosComunidades de foros

Nuevos mensajes

Otros servicios

Problema con tabla

User 5140739

Nació y murió en el foro

#1•15/Jul/2008, 10:22

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

<div id="menu1" style="display:none;"> </div>



<div id="menu2" style="display:none;"> </div>



<div id="menu3" style="display:none;"> </div>



<div id="menu4" style="display:none;"> </div>



<div id="menu5" style="display:none;"> </div>

Gracias de antemano.

chavp

Moderador

#2•15/Jul/2008, 15:09•Editado por chavp

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

User 5140739

Nació y murió en el foro

#3•19/Jul/2008, 12:13•Editado por User 5140739

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

<div id="menu1" style="display:none;"> </div>



<div id="menu2" style="display:none;"> </div>



<div id="menu3" style="display:none;"> </div>



<div id="menu4" style="display:none;"> </div>



<div id="menu5" style="display:none;"> </div>

pedrocox Usuario habitual
#4•19/Jul/2008, 14:02 Si quieres centrar la tabla añade lo siguiente <table width='985' border='0' bgcolor="#000000" cellpadding='5' cellspacing='1' align='center'>

User 5140739 Nació y murió en el foro
#5•19/Jul/2008, 18:05 Gracias, ya está solucionado, había probado cosas como <center>[código]</center> pero eso no lo sabía

Anterior Siguiente Arriba

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

Comunidades de foros

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

Tema	Usuarios	Respuestas	Visitas	Actividad
Temas similares
Problema con tabla de botones Por: 1K3R, el 28/Ene/2006, 21:00		3	2k	Feb/06
Problema con tabla de afiliados Por: ChispazoGrana, el 14/Oct/2005, 15:14		0	927	Oct/05
Problema con la tabla de mensajes Por: PabloRondaP, el 15/Jul/2008, 02:10		5	2k	Jul/08

© 2023 Miarroba Networks, SL

Servicios
Foros
Hosting
Fotos
Fotologs

Otras páginas
Noticias
Buscar
Whois
Soporte