prestañas en jquery

el_loco90 · #1 (**permalink**) 26/11/2012, 00:57

amigos:
tengo unas paginas en prestañas, la escritura de texto estan dentros de divs con letras determinadas en el stylo. lo que pasa es que cuando entro a la pagina se ver correctamente y cuando cambio de prestañas me cambia la letras y se ver mal hasta que actualizo la pagina, luego otra vez cambio de prestaña y me cambia la letra y asi ¿alguien sabe lo que puede ser?.
gracias.

pzin · #2 (**permalink**) 26/11/2012, 02:29

Cita:

Iniciado por el_loco90

¿alguien sabe lo que puede ser?.

Si incluyes en ese alguien a seres divinos, tal vez Dios pueda saberlo sin ver absolutamente nada de código.

Todo lo demás es especular.

el_loco90 · #3 (**permalink**) 26/11/2012, 17:39

te paso el codigo de mi pagina

Código HTML:

Ver original<?php
session_start();
include_once("../includes/procs.php"); 
include_once('../includes/conexiones.php'); 
include_once("../includes/clases.php");
//****************************************************************************************************
$empresa=$_SESSION['empresa'];
//conectarse();
//****************************************************************************************************
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php echo $_SESSION["empresa"]." - Temas de ayuda";?></title>
<link href="stylo0.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="../images/faviconol.ico">
<script type=text/javascript src="help.js"></script>
<script type=text/javascript src="jquery.min.js"></script>
<link rel=stylesheet type=text/css href="main.css">
<link rel=stylesheet type=text/css href="shadowbox.css">
<script type=text/javascript> 
 $(document).ready(function()
{
    $(".tab_content").hide();
    $("ul.tabs li:eq(0)").addClass("active").show();
    $(".tab_content:eq(0)").show();
    $("ul.tabs li").click(function()
       {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        return false;
    });
});
</script>
<style type="text/css">
.Estilo7 {color: #FF0000}
.style4 {font-family: Arial, Helvetica, sans-serif}
</style>
</head>
<body>
<table width="100%" height="74" border="0" align="center" class="pagina" >
<tr>
<td height="20">
  <?php 
  include("cabecera.php");
  include("barrausuario.php");
  ?>
  </td>
  </tr>
  <tr>
  <td width="100%" height="48" align="center" valign="top" class="tdcentro"><table width="100%" border="0" align="center">
  <tr>
  <td width="100%" height="24">
  <form action="temasdeayuda1.php" method="post">
  <div id=cuerpo>
  <div id=centro3>
  <UL class=tabs>
  <li><a href="#tab1">Compras</a></li>
  <li><a href="#tab2">Ventas</a></li>
  <li><a href="#tab3">Dineromail</a></li>
  <li><a href="#tab4">Funcionalidades</a></li>
  <li><a href="#tab5">Otras caracteristicas</a></li>
  <li><a href="#tab6">Plataformas</a></li>
  <li><a href="#tab8">Centro de seguridad</a></li>
  </ul>
  <div class=tab_container>
  <div id=tab1 class=tab_content>
    <table width="100%">
      <tr valign="top">
        <td width="50%" height="8" scope="col"><table width="100%" border="0" align="center">
            <tr>
              <td scope="row" align="left"><div id="helpSection">
                  <div class="entry" onclick="expandcontent('sc1');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">&iquest;Como comprar? </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                    <hr/>
                  </div>
                <div id="sc1" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Usted tiene que elegir lo que quiere y visualizar las calificaciones con los  comentarios del vendedor, luego de ese paso y si los resultados del  comportamiento son los adecuados, tiene que ir al bot&oacute;n (Comprar) ingresando  con tu cuenta y le aparecer&aacute; la pantalla de confirmaci&oacute;n. </p>
                    </div>
                </div>
                <div class="entry" onclick="expandcontent('sc3');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">En la mira </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                  <hr/>
                  </div>
                <div id="sc3" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Podes seguir todas tus publicaciones favoritas hasta que  la misma finalice, esto provocara mantenerte informado sobre las ultimas  novedades y acciones en la misma. Cuando consultar una publicacion, en la parte inferior de las fotografias aparece un boton (Seguir la publicacion), presionar sobre el mismo e ingresar con tu cuenta. </p>
                    </div>
                </div>
                <div class="entry" onclick="expandcontent('sc4');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">Publicaciones compradas </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                  <hr/>
                  </div>
                <div id="sc4" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Se muestra un listado con todas las operaciones realizadas  en el sitio con car&aacute;cter de comprador. Se le acumula desde la mas reciente  hasta la antigua con todos los datos respondientes de su contraparte y el tipo  de calificaci&oacute;n. El mismo se puede observar ingresando a tu cuenta, (Mis  compras - Publicaciones compradas). </p>
                    </div>
                </div>
                <div class="entry" onclick="expandcontent('sc5');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">Pendiente de calificar </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                  <hr/>
                  </div>
                <div id="sc5" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Todas las compras sin recibir por parte del comprador ning&uacute;n  tipo de calificaci&oacute;n, para realizar el proceso clasificatorio obligatorio solo  tiene que presionar sobre la misma y realizar la calificaci&oacute;n, luego de esto  autom&aacute;ticamente se eliminara la presente. Lo podr&aacute; realizar ingresando a tu  cuenta, (Mis compras - Pendiente de calificar). </p>
                    </div>
                </div>
                <div class="entry" onclick="expandcontent('sc6');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">Preguntas y respuestas </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                  <hr/>
                  </div>
                <div id="sc6" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Todas sus dudas realizadas por operaci&oacute;n al vendedor,  cuando la misma es contestada se podr&aacute; ver lo que le contesto ah&iacute; mismo. Se  ordena desde la mas nueva hasta la antigua seg&uacute;n la fecha de realizaci&oacute;n.&nbsp;Para  ver la misma, tiene que ingresar a tu cuenta (Mis compras - Preguntas y  respuestas). </p>
                    </div>
                </div>
                <div class="entry" onclick="expandcontent('sc7');">
                    <table width="100%" border="0" class="tituloayuda">
                      <tr>
                        <td><div align="left" class="tituloayuda">Replicar una calificacion </div></td>
                        <td width="30"><div align="right"></div></td>
                      </tr>
                    </table>
                  <hr/>
                  </div>
                <div id="sc7" class="switchcontent">
                    <div align="left">
                      <p class="textoayuda">Usted se puede defender o realizar un comentario extra a  todas sus calificaciones recibidas por la operaci&oacute;n realizada, de una forma  simple y rapida. Para eso tiene que ingresar a tu cuenta (Mis compras -  Replicar una calificacion).</p>
                    </div>
                </div>
              </div></td>
            </tr>
        </table>
            </td>
        <td width="50%" rowspan="7" scope="col">
            <div align="center"><img src="http://www.forosdelweb.com/f127/images/ayudmanuaol.jpg" width="291" height="219" /></div></td>
      </tr>
      <tr valign="top"> </tr>
    </table>
  </div>
  <div id=tab2 class=tab_content></div>
  <div id=tab3 class=tab_content></div>
  <div id=tab4 class=tab_content></div>
  <div id=tab5 class=tab_content></div>
  <div id=tab6 class=tab_content></div>
  <div id=tab7 class=tab_content></div>
  <div id=tab8 class=tab_content></div>
  </div>
  </div>
  </div>
</form>
</td>
</tr>
</table>
<div align="left">
<?php include("pie.php"); ?>
</div>
</td>
</tr>
</table>
</body>
</html>

realmente no se lo que pasa, haciendo lo mismo pero en html y obviamente sin php anda de maravilla, y en una .php cuando cambio de solapa me cambia el tipo de letra
gracias.

el_loco90 · #4 (**permalink**) 26/11/2012, 22:40

otra data que pude sacar revisando es que no me cambia la letra sino que la opaca al parecer y desde 17px o menos mas de ese tamaño en letras me anda bien pero queda muy grande a mi gusto.

pasa esto hasta ahora
1) en una pagina solamente html anda todo bien poniendo el temaño a las letras que quieras
2) en una pagina php al hacer clic en una prestraña me opaca la letra (poniendo 17px o mas se ver bien)
3) tengo una llamada a un jquery.js seguro que eso es lo que hay algo programado que hace eso

alguien tiene alguna idea