Foros del Web » Creando para Internet » CSS »

problema capas con tabla

Estas en el tema de problema capas con tabla en el foro de CSS en Foros del Web. Holas... he tenido un problema con las capas.. al insertar dentro de ellas una tabla... mas especificamente al usar un script para el uso de ...
  #1 (permalink)  
Antiguo 25/07/2007, 00:26
 
Fecha de Ingreso: mayo-2006
Mensajes: 99
Antigüedad: 11 años, 7 meses
Puntos: 0
Pregunta problema capas con tabla

Holas...
he tenido un problema con las capas.. al insertar dentro de ellas una tabla... mas especificamente al usar un script para el uso de pestañas en javascript + css
pues la capa no me oculta el contenido cuando tengo una tabal dentro de la capa... si alguien sabe la solucion a esto.. se lo garedeseria mucho....
aca le dejo el codigo..

Código:
<script language="JavaScript" type="text/javascript">
function init(){
	for(var i=2; i<=3; i++){
		document.getElementById('contenido'+i).style.display = 'none';
	}
}

function viewSection(id,total){
	for (var i=1; i<=3; i++){
		if(i!=id){
			document.getElementById('contenido'+i).style.display = 'none';
		}else{
			document.getElementById('contenido'+i).style.display = 'block';
		}
	}
}
</script>


<style>

/* --- Menú de contenido recuadro--- */


#menu
{
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:16px;
	/*clear:right;
	display:inline;
	margin-left:0px;
	padding-left:0px;*/
}

#menu ul
{
	margin:0;padding:0;
}
	
#menu ul li
{
	list-style-type:none;
	display:block;
	float:left;
	margin:3px 3px 0px 0px;
	padding:3px;
	border:solid #cccccc 1px;
	border-left-width:1px;
	border-bottom-width:0px;
}

#menu ul li a
{
	text-decoration:none;
	text-transform:capitelize;
	color:#000000;
}
	
#menu ul li a:hover
{
	color:#000000;
	text-decoration:none
}

#menu ul li a:active
{
	border:solid #FFFFFF 0px;
}

#contenido1, #contenido2, #contenido3, #contenido4
{
	font-family:Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	/*float:left;*/
	clear:left;
	/*display:block;*/
	border:solid #CCCCCC 1px;
	width:740px;
	padding:5px;
}


</style>

	<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" link="black" text="black" vlink="black" alink="black" onload="javascript:init();">

<div id="menu">
	<ul>
		<li><a href="#" onclick="viewSection('1');">Lo más leído</a></li>
		<li><a href="#" onclick="viewSection('2');">Lo más comentado</a></li>
		<li><a href="#" onclick="viewSection('3');">Lo más votado</a></li>
	</ul>
</div>
<table>
<div id="contenido1">
texto 1
</div>

<div id="contenido2">
texto 2
</div>

<div id="contenido3">
<tr>
<td><p>holaaaaaaaaaaaaa</p></td>
</tr>
texto 3
</div>
</table>
</body>
__________________
El sabio puede sentarse en un hormiguero, pero sólo el necio se queda sentado en él
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:09.