Hola! Necesito vuestra ayuda estoy al borde de la desesperación.

Hace unos dias que estoy trabajando en mi portafolio y esty muy contenta con los resultados ya que por primera vez he empezado a utilizar alguna tonteria con jquery. He ido probando cada dia con el Vista Previa del propio dreamweaver como estaba quedando y salía todo bien

El problema ha empezado cuando he decidido empezar a subir los archivos al filezilla, no me aparece ni una imagen! Solo los textos. Adjunto Imagenes aqui (la primera muestra como lo veo des del localhost la segunda des de mi dominio)

Captura de pantalla 2014-02-07 a les 1.14.20.jpg
Captura de pantalla 2014-02-07 a les 1.15.28.png

Este es el código de esta pagina en especial, aun que me pasa con todas las que he creado

Código PHP:
<!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 src="jquery-1.jstype="text/jscript"</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script src="simple-modal.js" type="text/jscript"> </script>
<title>Bertuuk creations</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />

<script>
$(document).ready(function(){
    $("#coneixai").mouseenter(function(event){
       $("#percai").css("display", "block");
    });
    
    $("#coneixai").mouseleave(function(event){
       $("#percai").css("display", "none");
    });
    
    $("#coneixps").mouseenter(function(event){
       $("#percps").css("display", "block");
    });
    
    $("#coneixps").mouseleave(function(event){
       $("#percps").css("display", "none");
    });
    
    $("#coneixlr").mouseenter(function(event){
       $("#perclr").css("display", "block");
    });
    
    $("#coneixlr").mouseleave(function(event){
       $("#perclr").css("display", "none");
    });
    
        $("#coneixdw").mouseenter(function(event){
       $("#percdw").css("display", "block");
    });
    
    $("#coneixdw").mouseleave(function(event){
       $("#percdw").css("display", "none");
    });
    
    $("#coneixfc").mouseenter(function(event){
       $("#percfc").css("display", "block");
    });
    
    $("#coneixfc").mouseleave(function(event){
       $("#percfc").css("display", "none");
    });
})



</script>

<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript" src="/js/moodalbox.js"></script>
<link rel="stylesheet" href="/css/moodalbox.css" type="text/css" media="screen" />

</head>



<body>
    
<div id="principal">
    <div id="columna">
                    <a href ="http://bertuk.blogspot.com.es/"><div id="xarxa1" > </div></a>
                    <a href="https://www.facebook.com/BertuukPhotography"><div id="xarxa2" ></div></a>
                    <a href="http://www.linkedin.com/profile/view?id=236620523&trk=nav_responsive_tab_profile"><div id="xarxa3" ></div></a>
                    <a href="https://twitter.com/bertukaa20"><div id="xarxa4" ></div></a>
                    <a href="https://vimeo.com/user9270928"><div id="xarxa5" ></div></a>
    </div>
    <div id="linia1"></div>
    <div id="columna2"> 
        <div id="percai"></div>
        <div id="coneixai">
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <div id="percps"></div>
        <div id="coneixps"></div>
        <div id="percdw"></div>
        <div id="coneixdw"></div>
        <div id="perclr"></div>
        <div id="coneixlr"></div>
        <div id="percfc"></div>
        <div id="coneixfc"></div>
        
    
    </div>               
  <div id="grupo">
          <div id="head">
             <a href="http://www.bertuuk.com"><div id="logo"></div></a>
    </div>
       <div id="head2" >
            <div id="menu1" ></div>
            <div id="menu2" > </div>
            <div id="menu3" ></div>
            <div id="menu4" > </div>
            <div id="menu5" ></div>
        </div>
    
    <div id="cos" >
             <div id="desc2" >
              <a href="../img/vistescartells/calxec vista.jpg" rel="moodalbox"><div id="disseny1"></div></a>
            <a href="http://www.facebook.com"><div id="disseny2"></div></a>
            <div id="disseny3"></div>
            <div id="disseny4"></div>
            <div id="disseny5"></div>
            <div id="disseny6"></div>
            <div id="disseny7"></div>
            <div id="disseny8"></div>
            <div id="disseny9"></div>
            <div id="disseny10"></div>
          </div> 
    </div>
  </div>
  <div id="linia2"></div>  
  <div id="vistacalxec">
    <div id="bototancar"></div>
</div>
</div>

<div class="textinici" id="firma"><span class="firmapagina">Bertuuk Creations . Copyright 2014 . Versió 2.0</span></div>

</body>
</html> 
Pongo el CSS abajo porque aqui no cabe!

Por cierto! Tengo clarísimo que no es un problema de no haberlo subido bien en el filezilla y que los sitios esten descolocados o algo asi, lo he ido comprobando uno por uno y estan todos donde tienen que estar!

Muchas gracias a aquel que me pueda ayudar!! Ya no se que hacer!!!