Foros del Web - Ver Mensaje Individual

JeMaGa · #1 (**permalink**) 15/04/2013, 14:40

Buenas tardes tengo un script que me crea una galería de imágenes, esta me funciona bien y todo cuanod la ejecuto directamente el archivo donde se encuentra, pero al incluir ese archivo en la pagina donde quiero que se muestre, funciona pero desordena la pagina como ya esta me gustaría saber por que y como lo soluciono

Código PHP:

Ver original<head>
 
    <title>.:LABORATORIOS SFC LTDA:.</title>
    <link rel="shortcut icon" href="imagenes/logito.ico" />
    <link type="text/css" rel="stylesheet" href="main.css"/>
 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="css/jMenu.jquery.css" type="text/css" />
        
 
        
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>
        <script type="text/javascript" src="js/jMenu.jquery.js"></script>
 
            
</head>
 
<script type="text/javascript">
$(document).ready(function() {
$("#jMenu").jMenu();
});
 
 
  $(document).ready(function(){ // Script del menú con pestañas
    $('#contenido_pestanas div').css('position', 'absolute').not(':first').hide();
    $('#contenido_pestanas ul li:first a').addClass('aqui');
    $('#contenido_pestanas a').click(function(){
        $('#contenido_pestanas a').removeClass('aqui');
        $(this).addClass('aqui');
        $('#contenido_pestanas div').fadeOut(350).filter(this.hash).fadeIn(350);
        return false;
        
    });
 });
</script> 
 
 
<body>
 
<div id="mostar" align="center" style="background-color:transparent">
 
    <div id="contenido_pestanas" align="center">
    
            <ul id="jMenu">
    
                  <li><a href="#opcion1" title="Opción 1"><img src="imagenes/icono.png" width="23" height="23"><br>INICIO</a></li>
    
    
                  <li><a href="#opcion2" title="Opcion 2"><img src="imagenes/servicios.png" width="23" height="23"><br>SERVICIOS</a></li>
    
    
                <li>
                    <a class="fNiv"><img src="imagenes/producto.png" width="23" height="23"><br>PRODUCTOS</a>
                    <ul>
                        <li class="arrow"></li>
                        <li>
                            <a>Antibioticos</a>
                            <ul>
                                <li><a>Bovinos</a></li>
                                <li><a>Equinos</a></li>
                                <li><a>Porcinos</a></li>
                                <li><a>Ovinos</a></li>
                                <li><a>Caprinos</a></li>
                                <li><a>Gatos</a></li>
                                <li><a>Caninos</a></li>
                                <li><a>Aves</a></li>
                            </ul>
                        </li>
 
  <li><a href="#opcion3" title="Opcion 3"><img src="imagenes/nosotros.png" width="23" height="23"/><br>NOSOTROS</a></li>
                    <li><a href="#opcion4" title="Opcion 4"><img src="imagenes/contacto2.png" width="23" height="23" ><br>CONTACTENOS</a></li>
    
            </ul>
 
              <div id="opcion1">
                    <h3><b>INICIO</b></h3></br>
                        <p>
                         
                        </p>
              </div>
                
               <div id="opcion2">
                  <h3><b>SERVICIOS PRESTADOS</b></h3></br>
                      <p> 
                        estos son los sevicios prestados
                      </p>
               </div>
    </div><!-- Fin contenido_pestanas-->  
    
</div>
 
</body>
</html>

Código HTML:

Ver original<!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=utf-8" />
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="coin-slider.js"></script>
    
</head>
 
<body>
 
<div id="games">
        
                <p align="center"><img src="imagenes/contacto2.png" alt="Mini Ninjas" />
                  <span></span>
                  
                  <img src="imagenes/contacto.png" alt="Price of Persia" />
                  
                  <img src="imagenes/icono.png" alt="Spiderman: Shattered Dimensions" />
                  
                  <img src="imagenes/nosotros.png" alt="Brink" />
                  
                  <img src="imagenes/servicios.png" alt="God of War III" />
                  
                  <img src="imagenes/producto.png" alt="Borderlands" /></p>
                <p align="center"><img src="imagenes/" alt="Star Wars: The Old Republic" />
                  
                  
</div>
        <div align="center"> </div>
        <script>
            $('#games').coinslider();
        </script>
</body>
</html>

agradesco toda la ayuda que me puedan brindar!!