Foros del Web - Ver Mensaje Individual

Anonimo12 · #6 (**permalink**) 16/10/2010, 15:05

Gracias por el tiempo dedicado, enseguida lo compruebo y te cuento; os planteo dos dudas muy sencillas que me han surgido:

1- Al poner el cuadro de pestanas, como se usa la etiqueta <li>, me aparece el icono alado de los nombres de las pestanas; ¿cómo puedo hacer para que no salgan estos iconos? (los quiero usar para hacer listas pero no para el cuadro de pestanas).

2- He maqueado el siguiente código: Un cuadro de celdas que al darle a una celda se despliega y sale un cuadro de pestanas. La cosa es que al desplegar dos celdas a la vez, en uno de los cuadros de pestanas solo aparecen los nombres de las pestanas y no el contenido; cuando le das a una pestana sale el contenido de esta y desaparece el contenido del otro cuadro de pestanas desplegado (lioso eh? xD), les dejo una imagen:

Aqui el código HTML completo:

Cita:

<!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>
<title>Expandir</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
</head>
<body>
<table border="2" summary="Tabla" bordercolor="#045FB4">
<tr>
<th width="645" height="30" align="center" style="cursor: pointer;"onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">
Título 1<br />
<div style="display:none; text-align: left"><br />
<ul class="tabs">
<li><a href="#tab1">Original - Subtítulos: Esp.</a></li>
<li><a href="#tab2">Español de España</a></li>
<li><a href="#tab3">Español latino</a></li>
</ul>

<div class="tab_container">
<div id="tab1" class="tab_content">
Contenido de la pestana 1
</div>
<div id="tab2" class="tab_content">
Contenido de la pestana 2
</div>
<div id="tab3" class="tab_content">
Contenido de la pestana 3
</div>
</div></div></th>
</tr>
<tr>

<th width="645" height="30" align="center" style="cursor: pointer;"onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">
Título 2<br />
<div style="display:none; text-align: left"><br />
<ul class="tabs">
<li><a href="#tab4">Original - Subtítulos: Esp.</a></li>
<li><a href="#tab5">Español de España</a></li>
<li><a href="#tab6">Español latino</a></li>
</ul>

<div class="tab_container">
<div id="tab4" class="tab_content">
Contenido de la pestana 1
</div>
<div id="tab5" class="tab_content">
Contenido de la pestana 2
</div>
<div id="tab6" class="tab_content">
Contenido de la pestana 3
</div>
</div></div></th>

</tr>
<tr>
<td width="500" height="30">Título 3</td>
</tr>
</table>
</body>
</html>

Otra pregunta, esto:

Cita:

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

Y esto:

Cita:

<head>
<title>Expandir</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
</head>

¿Son necesarios en el código HTML?, ami me funciona correctamente sin necesidad de ponerlo, sin embargo cuando lo dejo puesto me sale la línea antes citada visible al publicarlo.

Saludos.