SitePoint Sponsor

User Tag List

Page 2 of 3 FirstFirst 123 LastLast
Results 26 to 50 of 69
  1. #26
    SitePoint Evangelist elgumbo's Avatar
    Join Date
    Nov 2002
    Location
    North West, UK
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Upload them and see if it works. Chances are it's the links you are using.

  2. #27
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I will upload the file with everything so you can see how I am doing.....
    I really need advice on this!

  3. #28
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The file "index0.html" is only an example..... Nothing has been implemented because I don't know how to do it....
    I only have bits and pieces...for instance this file "lb1.html" shows only one part.....
    I would like to know how to implements the photos, the videos and the songs part.

  4. #29
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can try the "lb1.html" file.... it works (more or less)..... I need to add more links like that and as far as comments are concerned, I know how to do it.
    What I don't know is how to click upon on link and have a pop up effect shown with
    - galery of Photos so that clicking on one, I get a zoom effects
    - videos
    - songs (with flash)....

    You can have an idea with "www.jazzcafeparos.es".... clicking on "Repertorio"... is the page I would like to have a pop up effect
    Clicking on "Fotos".... I would like to have those photos shown with the zoom effect
    Clicking on "Quienes somos"... is the page with more links on it... pop up effect too if possible.

    Basically, I would like to get ride of the frames (I know how to do it) and get rid of the pages.... I want to replace them by "pop up effect pages" using lightbox I think

  5. #30
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    If you use Office to create the site, it is going to be quite hard to implement what you want.

    Among other things, there is no way that your code is going to validate. Not validating means that the browser can do its own interpretation. This implies that the page may or may not look as expected, but in terms of programming (and in this case this means JavaScript), it means that correct programming code will not work. So your Javascript can be perfect, and maybe you did implement the lightbox properly, but your code is so bad that it didn't work.

    All the fancy stuff is OK and good as long as the code is correct, else your javascript will fail.

  6. #31
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello again,

    First of all "MERRY CHRISTMAS" to all of you.....

    Well, I managed to sort out a few things ..... but I am having another problem now.... things are working with FrontPage.... but not using the browsers....
    What is not working is the zoom effect on photos!!!!.
    Could you help me?

    Here is my code...... the bits that are not working are under "Fotos"...
    And another strange thing....
    with FrontPage, the picture "/Ensayo3_20070305.JPG" is positioned correctly.... but with Explorer or Mozilla... the picture appears under the whole text!!!!!.... I need it to be on the right corner!!!

    Help, please!!!

    Actually, a lot of things seem all right with FrontPage (like the size of the popup page).... and are not right with Explorer or Mozilla.....

    You can have a look at my site: "www.jazzcafeparis.es".. the code is the same!

    HTML Code:
    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
    
    <head>
    <meta http-equiv="Content-Language" content="es">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <link rel="File-List" href="index_archivos/filelist.xml">
    
    <title>Página principal del grupo de Jazz Café Paris</title>
    <link rel="stylesheet" type="text/css" href="cafeParis.css" />
    <style>
    div#con p.pie {
        clear:both;
        font: 0.7em Aria, Verdana, Helvetica, sans-sherif;
        color: #666;
        padding: 10px 0 0 0px;
        text-align:center;
        margin:0;
     }
    .black_overlay{
         display: none;
         position: absolute;
         top: 0%;
         left: 0%;
         width: 100%;
          height: 100%;
          background-color: black;
          z-index:1001;
          -moz-opacity: 0.8;
           opacity:.80;
           filter: alpha(opacity=80);
     }
    .white_content {
          display: none;
          position: absolute;
          top: 25%;
           left: 25%;
          width: 50%;
          height: 40%;
          padding: 16px;
          border: 16px solid grey;
          background-color: white;
          z-index:1002;
          overflow: auto;
    }
    .white_content1 {
          display: none;
          position: absolute;
          top: 5%;
          left: 5%;
          width: 90%;
          height: 90%;
          padding: 16px;
          border: 16px solid grey;
          background-color: white;
          z-index:1002;
          overflow: auto;
    }
    .white_content2 {
          display: none;
          position: absolute;
          top: 25%;
          left: 25%;
          width: 50%;
          height: 30%;
          padding: 16px;
          border: 16px solid grey;
          background-color: white;
          z-index:1002;
          overflow: auto;
    }
    
    .white_content3 {
          display: none;
          position: absolute;
          top: 5%;
          left: 10%;
          width: 70%;
          height: 90%;
          padding: 16px;
          border: 16px solid grey;
          background-color: white;
          z-index:1002;
          overflow: auto;
    }
    
    .white_content4 {
          display: none;
          position: absolute;
          top: 2%;
          left: 5%;
          width: 90%;
          height: 95%;
          padding: 16px;
          border: 16px solid grey;
          background-color: #99CCCC;
          z-index:1002;
          overflow: auto;
    }
    .white_content5 {
          display: none;
          position: absolute;
          top: 25%;
           left: 25%;
          width: 50%;
          height: 40%;
          padding: 16px;
          border: 16px solid grey;
          background-color: #99CCCC;;
          z-index:1002;
          overflow: auto;
    }
    
    
    li.MsoNormal
    	{mso-style-parent:"";
    	margin-bottom:.0001pt;
    	font-size:12.0pt;
    	font-family:"Times New Roman";
    	margin-left:0cm; margin-right:0cm; margin-top:0cm}
    
    a:link, a:visited {text-decoration:none,font-weight: normal,color=#999999;}
    a:hover{text-decoration: underline;font-weight:normal;color:#CCCCCC,}
    
    </style>
    <!--[if !mso]>
    <style>
    v\:*         { behavior: url(#default#VML) }
    o\:*         { behavior: url(#default#VML) }
    .shape       { behavior: url(#default#VML) }
    </style>
    <![endif]--><!--[if gte mso 9]>
    <xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
    </xml><![endif]-->
    </head>
    
    <body background="images/main_background.png">
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('themes').style.display='block';document.getElementById('fade').style.display='block'">Repertorio</a> </p>
            <div id="themes" class="white_content3">
           
    <script type="text/javascript" src="flash_v0/swfobject.js"></script>
    	<p></p>	<p><p><p>
    <div id="flashPlayer">
      	<p>This text will be replaced by the flash music player.
    </div>
    
    <script type="text/javascript">
       var so = new SWFObject("flash_v0/playerMultipleList.swf", "mymovie", "295", "145", "7", "#FFFFFF");  
       so.addVariable("autoPlay","no")
       so.addVariable("playlistPath","playlist.xml")
       so.write("flashPlayer");
    </script>
    <p><font face="Bookman Old Style size=2">Algunos temas que podrá escuchar cuando nos 
    vea...le ofrecemos 3 canciones.</font></p>
    <ul style="margin-top: 0cm; margin-bottom: 0cm">
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">It's only Paper moon</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Misty</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Over the rainbow </font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Wave</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Smoke gets in your eyes </font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Chega de saudage</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Just one of those things </font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">La vie en Rose </font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Autum Leaves</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">A night in Tunisia</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Cocovado</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">My funny valentine</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Mahna de Carnaval</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Dream a little dream of me</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Lullaby of birdland </font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Night and day</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Summertimes</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Route 66</font></li>
    	<li class="MsoNormal"><font face="Bookman Old Style" size="2">Y muchos mas.....</font></li>
    </ul>
    Para ver esta pantalla es necesario plug-in de Flash 8 como mínimo, si no lo tiene <a href="http://www.macromedia.com/go/getflashplayer" target="_blank">
    descárguelo gratuitamente aquí.</a>.
    
    <p class="pie">© 2008 CaféParis.
    
    	 <a href = "javascript:void(0)" onclick = "document.getElementById('themes').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
            <div id="fade" class="black_overlay"></div>
    
    
    
    
    <table border="0" width="46%" id="table1" align="left">
    
    	<tr>
    		<td><!--[if gte vml 1]><v:shapetype id="_x0000_t136"
     coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">
     <v:formulas>
      <v:f eqn="sum #0 0 10800"/>
      <v:f eqn="prod #0 2 1"/>
      <v:f eqn="sum 21600 0 @1"/>
      <v:f eqn="sum 0 0 @2"/>
      <v:f eqn="sum 21600 0 @3"/>
      <v:f eqn="if @0 @3 0"/>
      <v:f eqn="if @0 21600 @1"/>
      <v:f eqn="if @0 0 @2"/>
      <v:f eqn="if @0 @4 21600"/>
      <v:f eqn="mid @5 @6"/>
      <v:f eqn="mid @8 @5"/>
      <v:f eqn="mid @7 @8"/>
      <v:f eqn="mid @6 @7"/>
      <v:f eqn="sum @6 0 @5"/>
     </v:formulas>
     <v:path textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
      o:connectangles="270,180,90,0"/>
     <v:textpath on="t" fitshape="t"/>
     <v:handles>
      <v:h position="#0,bottomRight" xrange="6629,14971"/>
     </v:handles>
     <o:lock v:ext="edit" text="t" shapetype="t"/>
    </v:shapetype><v:shape id="_x0000_s1030" type="#_x0000_t136" style='width:272.25pt;
     height:51pt;float:left' fillcolor="#9400ed" strokecolor="#eaeaea"
     strokeweight="1pt">
     <v:fill color2="blue" angle="-90" colors="0 #a603ab;13763f #0819fb;22938f #1a8d48;34079f yellow;47841f #ee3f17;57672f #e81766;1 #a603ab"
      method="none" type="gradient"/>
     <v:shadow on="t" type="perspective" color="silver" opacity="52429f" origin="-.5,.5"
      matrix=",46340f,,.5,,-4768371582e-16"/>
     <v:textpath style='font-family:"Arial Black";v-text-kern:t' trim="t"
      fitpath="t" string="Café Paris"/>
    </v:shape><![endif]--><![if !vml]><img border=0 width=391 height=72
    src="index64_archivos/image001.gif" align=left alt="Café Paris" v:shapes="_x0000_s1030"><![endif]></td>
    	</tr>
    	<tr>
    		<td><!--[if gte vml 1]><v:shapetype
     id="_x0000_t175" coordsize="21600,21600" o:spt="175" adj="3086" path="m,qy10800@0,21600,m0@1qy10800,21600,21600@1e">
     <v:formulas>
      <v:f eqn="val #0"/>
      <v:f eqn="sum 21600 0 #0"/>
      <v:f eqn="prod @1 1 2"/>
      <v:f eqn="sum @2 10800 0"/>
     </v:formulas>
     <v:path textpathok="t" o:connecttype="custom" o:connectlocs="10800,@0;0,@2;10800,21600;21600,@2"
      o:connectangles="270,180,90,0"/>
     <v:textpath on="t" fitshape="t"/>
     <v:handles>
      <v:h position="center,#0" yrange="0,7200"/>
     </v:handles>
     <o:lock v:ext="edit" text="t" shapetype="t"/>
    </v:shapetype><v:shape id="_x0000_s1029" type="#_x0000_t175" style='width:417.75pt;
     height:40.5pt' adj="7200" fillcolor="black">
     <v:shadow color="#868686"/>
     <v:textpath style='font-family:"Times New Roman";font-size:24pt;v-text-kern:t'
      trim="t" fitpath="t" string="¡Bienvenido al café de los amantes del Jazz!"/>
    </v:shape><![endif]--><![if !vml]><img border=0 width=559 height=47
    src="index64_archivos/image002.gif"
    alt="¡Bienvenido al café de los amantes del Jazz!" v:shapes="_x0000_s1029"><![endif]>&nbsp;</td>
    	</tr>
    </table>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('bio').style.display='block';document.getElementById('fade').style.display='block'">Biografía</a>&nbsp; </p>
            <div id="bio" class="white_content1"><span style="width:1170px;"><p></p>
    <ul>
    	<li>
    	<p align="left"><font face="Bookman Old Style"><b>Elisabeth Bachler - Voz</b><br>
    	Se formó en el conservatorio de Marignane (Marsella) y comenzó su actividad en los clubes de Grenoble. Ha actuado además en diversos locales y festivales de
    	Aix-en-Provence, Marsella y Albi.</font></p></li>
    	<li>
    	<p align="left"><font face="Bookman Old Style"><b>Marina Fainytska - Piano & Acordeón </b><br>
    	Estudió en la Escuela de Música Moderna de Kiev (Ucrania). Tocó con el grupo “FUNKSEPT” en Ucrania. Durante 5 años trabajó en la orquesta del Teatro Nacional de Mímica
    	 y Gesto de Ucrania, realizando giras por Ucrania y en el extranjero.&nbsp; Reside en España desde 1996. Aquí formó parte del grupo “Malyarenko sexteto” y “Yellow Blue 
    	 Bus”. Tocó junto con Jimmy Castro, Norman Hogue, Amparo Plá, Sergio Lasarte, Rosana Gea, Carlos Aroyo, Laura Toro, Enrique  Rubio, Ignacio Buenavida etc. </font></p></li>
    	<li>
    	<p align="left"><font face="Bookman Old Style"><b>Andriy Malyarenko - compositor, bajista & arreglista</b><br>
    	Estudió en la Escuela de Música Moderna de Kiev y el Conservatorio Estatal de Kiev en la especialidad de música moderna. 
        Formó parte del grupo ucraniano de Jazz “49 y ½”, con la que actuó en el Festival Internacional “Otoño de Kiev” en Ucrania. Durante 5 años trabajó en la 
        orquesta del Teatro Nacional de Mímica y Gesto de Ucrania, realizando giras por Ucrania y en el extranjero. &nbsp;Reside en España desde 1996. Toca en varias 
        formaciones musicales y formó su grupo “Malyarenko sexteto” y posteriormente “Yellow Blue Bus” y “Majalasna Sky Rose”.&nbsp; Compartió escenario con Jimmy 
        (Miguel) Castro, Rafa Pérez, Sergio Lasarte, Rosana Gea, Laura Toro, Andrés Olaegui, Carlos Aroyo, Enrique Rubio, Ignacio Buenavida etc..
        <p>
        Junto con Marina Fainytska han actuado en dos ediciones del Festival de Música “Festidrete” en Alpedrete en 1999 y 2000.
        <br>Participaron en “Ciclo de Jazz” organizado por el Patronato de Cultura de Pozuelo de Alarcón en 2001, junto con los emblemáticos grupos de Jazz como 
         “Modern Sax Quartet Pedro Iturralde” y “Larry Martín Band”. Tocaron conciertos en la Casa de Cultura de Alpedrete,Guadarrama y Madrid. Participaron en el Festival Intercultural en Hoyo de Manzanares, 
        Festival de Música Internacional en el Teatro “Pradillo”, Festival “Músicos por la tolerancia”, organizado por el Ayuntamiento de Madrid. 
        Han tocado en muchos locales madrileños de jazz como “El Despertar”, “El Juglar”, “El Reciclaje”, “La Campana”, “Stop 
        </p>
        </font></p></li>
    	<li>
    	<p align="left"><font face="Bookman Old Style"><b>Oscar Mangas - Batería & percusión</b><br>
    	Empezó sus estudios de música con 10 años. A los 16 años se inició con los estudios de batería. 
    Su experiencia pasa por orquestas de baile, grupos de pop, rock, flamenco fusión, jazz etc., como son: J.A.N., El síndrome 
    de Peter Pan y Sex Wax, Lian,entre otros.Ha grabado 4 discos con diferentes formaciones y estilos de música..</font></p></li>
    	
    </span>
    </a><p>
     <a href = "javascript:void(0)" onclick = "document.getElementById('bio').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div>
            <div id="fade" class="black_overlay"></div></p>
    
    
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('offers').style.display='block';document.getElementById('fade').style.display='block'">¿Que ofrecemos?</a> </p>
            <div id="offers" class="white_content"><ul>
    	<li>
    	<p align="left"><font face="Bookman Old Style">Amenización
    	<b>para tus fiestas,</b> reuniones sociales y de empresas, coktailes, etc. 
    	donde necesites un toque de clase y distinción&nbsp; </font></li>
    </ul>
    <p align="left">
    <ul>
    	<li>
    	<p align="left"><font face="Bookman Old Style">Amenización <b>en locales</b>. Si tienes 
    	un bar, un local, un hotel, un restaurante y buscas crear un ambiente 
    	diferente. llámanos</font></li>
    </ul>
    <p align="left">
    <ul>
    	<li>
    	<p align="left">&nbsp;<font face="Bookman Old Style"><b>Conciertos. </b>Si eres 
    	responsable de cultura en un ayuntamiento o centro cultural, no dejes pasar 
    	esta oportunidad de llevar el mundo del jazz a tu comunidad.</font></li>
    </ul>
     <a href = "javascript:void(0)" onclick = "document.getElementById('offers').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div>
            <div id="fade" class="black_overlay"></div>
    
    
    
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href = "javascript:void(0)" onclick = "document.getElementById('contact').style.display='block';document.getElementById('fade').style.display='block'">Contactos</a> </p>
            <div id="contact" class="white_content2">
           
    <span style="width:500px;"><p><p>© 2007 CaféParis.</p>
    <p><font face="Bookman Old Style">Si desea contactar con nosotros, por favor envíenos un mensaje a</font>
    &quot;<font size="4"><b>jazzcafeparis@yahoo.es&quot;
    </b></font><font face="Bookman Old Style">o llamenos al <b>609.173.370.</b></font></p>
    
    </span><br><p></p>
    
    	 <a href = "javascript:void(0)" onclick = "document.getElementById('contact').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
            <div id="fade" class="black_overlay"></div>
    
    
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('videos').style.display='block';document.getElementById('fade').style.display='block'">Vídeos</a> </p>
            <div id="videos" class="white_content5">
            La calidad no es nada del otro mundo... pero por lo menos os dara una idea....
            Estamos trabajando en ello.... Esperamos que dentro de poco tengamos videos de mejor calidad...<p></p>
            <br>
           <a href = "http://www.dailymotion.com/video/x5geri_1-summertime_music">Summertime</a><br>
           <a href="http://www.dailymotion.com/fainytska/video/x5gryr_5-all-the-things-you-are_music">All the things you are</a><br>
           <a href ="http://www.dailymotion.com/fainytska/video/x5gh54_6-i-wish-you-love_music">I wish you love</a><br>
           <a href="http://www.dailymotion.com/fainytska/video/x5gsqz_15-french-popurri_music">Pop pourri frances"</a><br>
           <a href="http://www.dailymotion.com/fainytska/video/x5gthh_13-route-66_music">Route 66</a><br><p><p></p></p>
           
    	 <a href = "javascript:void(0)" onclick = "document.getElementById('videos').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
            <div id="fade" class="black_overlay"></div>
    
    
    
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    <p><!--[if gte vml 1]><v:shapetype
     id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
     <v:stroke joinstyle="miter"/>
     <v:path gradientshapeok="t" o:connecttype="rect"/>
    </v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t202" style='position:absolute;
     left:258.75pt;top:198.75pt;width:315.75pt;height:315pt;z-index:2' stroked="f">
     <v:fill opacity="0"/>
     <v:textbox>
    <table height="100%" cellSpacing="0" cellPadding="0" width="100%" id="table2">
    	<tr>
    		<td align="middle">
    		<p class="MsoNormal" align="left"><font face="Bookman Old Style">
    		<span lang="ES"><b>Café París</b> es un grupo multinacional que se 
    		instala ahora en Madrid para trasladarnos a la atmósfera bohemia y&nbsp; 
    		alocada del mejor París de las boites de jazz&nbsp; tras la guerra. </span>
    		</font></p>
    		<p class="MsoNormal" align="left"><span lang="ES">
    		<font face="Bookman Old Style">El Jazz de Ella Fitzgerald, Sarah 
    		Vaughan, &nbsp;Duke Ellington y tantos otros, se mezcla con las canciones más 
    		desgarradas de Edith Piaf y las más sensuales de la música brasileña de 
    		Carlos Jobim para crear un ambiente único: el ambiente de la noche y del 
    		amor.</font></span><br>
    		<br>
    		<i>Últimante se les ha podido ver : &quot;la Cave&quot; (El Molar), el 23 Festival 
    		de Jazz de Madrid (2007), la casa de cultura de Guadarrama, la casa de 
    		cultura &quot;Jose Espronceda&quot; (Madrid), la Reine Bruja (Madrid), el casino 
    		de Madrid, en el Galapajazz 2008, el 24 Festival de Jazz de Madrid 
    		(2008)...y en multitud de fiestas privadas, cócteles, bodas y eventos de 
    		empresas.</i></td>
    	</tr>
    </table>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
    <p>&nbsp;</td>
    </tr>
    </table>
     </v:textbox>
    </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
    absolute;z-index:2;left:345px;top:265px;width:425px;height:424px'><img
    width=425 height=424 src="index64_archivos/image003.gif"
    alt="Cuadro de texto: Café París es un grupo multinacional que se instala ahora en Madrid para trasladarnos a la atmósfera bohemia y&nbsp; alocada del mejor París de las boites de jazz&nbsp; tras la guerra. 
    El Jazz de Ella Fitzgerald, Sarah Vaughan, &nbsp;Duke Ellington y tantos otros, se mezcla con las canciones más desgarradas de Edith Piaf y las más sensuales de la música brasileña de Carlos Jobim para crear un ambiente único: el ambiente de la noche y del amor.
    
    Últimante se les ha podido ver : &quot;la Cave&quot; (El Molar), el 23 Festival de Jazz de Madrid (2007), la casa de cultura de Guadarrama, la casa de cultura &quot;Jose Espronceda&quot; (Madrid), la Reine Bruja (Madrid), el casino de Madrid, en el Galapajazz 2008, el 24 Festival de Jazz de Madrid (2008)...y en multitud de fiestas privadas, cócteles, bodas y eventos de empresas.
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    &nbsp; 
    "
    v:shapes="_x0000_s1028"></span><![endif]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    
    <a href = "javascript:void(0)" onclick = "document.getElementById('photos').style.display='block';document.getElementById('fade').style.display='block'">Fotos</a> </p>
            <div id="photos" class="white_content4">
            <div id="pic">
            <table border="0" width="47%" id="table1">
    	
    	<tr>
    		<td width="134">
    		<a rel="nofollow" class="p1" href="#" title="Concierto en casa de cultura de Guadarrama"><img border="0" src="photos/DSCF2961.JPG" width="135" height="90">
    		 <img  src="photos/DSCF2961.JPG" alt="Enlarged view of image" class="large" title="Concierto en casa de cultura de Guadarrama" /></a></td>
    		<td>
    		<a rel="nofollow" class="p1" href="#" title="Concierto en casa de cultura de Guadarrama"><img border="0" src="photos/DSCF2955.JPG" width="135" height="90">
    		 <img  src="photos/DSCF2955.JPG" alt="Concierto en casa de cultura de Guadarrama"  class="large" title="Concierto en casa de cultura de Guadarrama" /></a></td>
    		<td width="194">
    	    <a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa en La Bruja (Madrid)"><img border="0" src="photos/DSCF3098.JPG" width="135" height="90">
    		 <img  src="photos/DSCF3098.JPG" alt="Fiesta de Empresa en La Bruja (Madrid)"  class="large" title="Fiesta de Empresa en La Bruja (Madrid)" /></a></td>
    	</tr>
    	<tr>
    		<td width="134">
    		<a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa en La Bruja (Madrid)"><img border="0" src="photos/DSCF3100.JPG" width="135" height="90">
    		 <img  src="photos/DSCF3100.JPG" alt="Fiesta de Empresa en La Bruja (Madrid)"  class="large" title="Fiesta de Empresa en La Bruja (Madrid)" /></a></td>
    		<td>
    		<a rel="nofollow" class="p1" href="#" title="Amenización para las cocinas De Dietrich"><img border="0" src="photos/img_0973.jpg" width="135" height="90">
    		 <img  src="photos/img_0973.jpg" alt="Amenización para las cocinas De Dietrich"  class="large" title="Amenización para las cocinas De Dietrich" /></a></td>
    		<td width="194">
    		<a rel="nofollow" class="p1" href="#" title="Fiesta de Empresa"><img border="0" src="photos/IMG_0984.JPG" width="135" height="90">
    		 <img  src="photos/IMG_0984.JPG" alt="Fiesta de Empresa"  class="large" title="Fiesta de Empresa" /></a></td>
    	</tr>
    	<tr>
    		<td width="134">
    		<a rel="nofollow" class="p1" href="#" title="Evento de Empresa en el casino de Madrid"><img border="0" src="photos/IMG_1106.JPG" width="135" height="90">
    		 <img  src="photos/IMG_1106.JPG" alt="Evento de Empresa en el casino de Madrid"  class="large" title="Evento de Empresa en el casino de Madrid" /></a></td>
    		<td>
    		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Con el grupo Earch Wind and Fire"><img border="0" src="photos/DSCF3669.JPG" width="135" height="90">
    		 <img  src="photos/DSCF3669.JPG" alt="Galapajazz 2008 - Con el grupo Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Con el grupo Earch Wind and Fire" /></a></td>
    		<td width="194">
    		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3650.jpg" width="135" height="90">
    		 <img  src="photos/DSCF3650.jpg" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td></td>
    	</tr>
    	<tr>
    		<td width="134">
    		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3642.JPG" width="135" height="90">
    		 <img  src="photos/DSCF3642.JPG" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
    		</td>
    		<td>
    		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/DSCF3645.JPG" width="135" height="90">
    		 <img  src="photos/DSCF3645.JPG" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
    		<td width="194">
    		<a rel="nofollow" class="p1" href="#" title="Galapajazz 2008 - Telonero de Earch Wind and Fire"><img border="0" src="photos/Galapajazz_fin.jpg" width="135" height="90">
    		 <img  src="photos/Galapajazz_fin.jpg" alt="Galapajazz 2008 - Telonero de Earch Wind and Fire"  class="large" title="Galapajazz 2008 - Telonero de Earch Wind and Fire" /></a></td>
    		</td>
    	</tr>
    	<tr>
    		<td width="134">
    		<a rel="nofollow" class="p1" href="#" title="Festival Jazz Madrid 2008 - El plaza"><img border="0" src="photos/el_plaza044.JPG" width="135" height="90">
    		 <img  src="photos/el_plaza044.JPG" alt=" Festival Jazz Madrid 2008 - El plaza"  class="large" title=" Festival Jazz Madrid 2008 - El plaza" /></a></td>
    		</td>
    		<td>
    		<a rel="nofollow" class="p1" href="#" title="Festival Jazz Madrid 2008 - El plaza)"><img border="0" src="photos/Andrei_El_Plaza.JPG" width="135" height="90">
    		 <img  src="photos/Andrei_El_Plaza.JPG" alt="Festival Jazz Madrid 2008 - El plaza"  class="large" title="Festival Jazz Madrid 2008 - El plaza" /></a></td>
    		<td width="194">
    		-</a></td>
    		</td>	
    	</tr>
    </table>
    </div>
    
         
          
           
     <a href = "javascript:void(0)" onclick = "document.getElementById('photos').style.display='none';document.getElementById('fade').style.display='none'">Cerrar ventana</a></div></p>
     <div id="fade" class="black_overlay"></div>
    
    
    
    <img height="425" src="images/logo.jpg" width="319" align="left" border="0" ></p>
    <p>&nbsp;</p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border="0" src="photos/Ensayo3_20070305.JPG" width="200" height="155"></p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    </p>
    <p>© 2008 Café Paris. <a href="javascript: avisolegal ()">Aviso legal</a>. 
    Necesario plug-in de Flash 8 si no lo tiene
    <a target="_blank" href="http://www.macromedia.com/go/getflashplayer">
    descarguelo aquí</a>.</p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
    </body>
    
    </html>

  7. #32
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    Welcome to the delights of web design!

    Still, let me insist on the fact that you are doing your work harder than it should.

    WYSIWYG (What-You-See-Is-What-You-Get) editors like Frontpage are only good when they are configured properly and in order to do a proper configuration you need to know what you are doing (meaning that you need at least to know your HTML and CSS really well)

    I know that this can be frustrating for you, but if you don't follow the basics, you are risking yourself to a much more frustration and things not working properly.

    Among other things, WYSIWYG editors have their own rendering engine and therefore when you check the results in a real browser you may find yourself that things don't look as expected. (DreamWeaver CS4 uses WebKit rendering engine, the one used by Safari, so that's an exception)

    You may think that what you want is not that much work and that it should be done easily and your question but things are never that simple. Your page shows 247 errors and 4 warnings according to the validator: check it yourself here

    247 errors... that means that if something works is sheer luck!

    So let's go first to some of your HTML errors and see how they impact your Javascript code.

    1.- No DOCTYPE

    A DOCTYPE tells the browser which markup language you are using and how the page should be rendered. No DOCTYPE means that you leave the browser to decide by itself how to show the page and free to do whatever it wants to do.

    As an analogy, imagine that you write an aticle in Spanish and you send it to an English newspaper without telling them that it has been written in Spanish. Because you never told them, you left your English team to decide what they have to do (the article needs to be published anyway). Things that can happen:

    - Standards Mode: They recognize that the article is in Spanish and have a Spanish-English dictionary (or know enough Spanish, or have a good translator) and they can translate it. Everybody happy. Nobody notices anything

    - Quasi-Standars Mode: They have a bit of knowledge of Spanish, and they can translate it. The translation is not perfect, but good enough to be understood.

    - Quirks Mode: They don't have a clue about what the article says, and they don't have anyway to translate it, so they just make it up. Things can go berseck and you will be lucky if someone can make anything of it.

    The DOCTYPE fires the type of mode that the browser will use. No DOCTYPE means that it will fire the Quirks Mode. Triggering the Quirks mode means, among other things:

    - Your site is going to look different in different browser
    - Your CSS will affect differently to the same element, depending on the browser
    - The attributes for a specific element will be different, depeding on the DOCTYPE chosen. As an example, properties like CELLPADDING or CELLSPACING are not valid when you use a STRICT DOCTYPE.
    - In terms of Javascript coding, it is up to the browser to decide which DOM to use (and no, the XHML, HTLM or XML's DOMs are not equal, they don't have the same fucntions or properties, and they don't work the same, even if they are similar)

    In summary, you want to use a DOCTYPE and not just any DOCTYPE, but the right one. This will make the browser to behave as a good kid and then you will be able to know what to expect.

    2.- <link rel="File-List" href="index_archivos/filelist.xml">
    This is created by Microsoft FP2000 or when you save a page from MSOffice as a web page. Not only is useless code, but sheer rubbish and no browser will able to understand it. You can feel free of getting rid of it.

    I will not make any reference to the stylesheet, cafeParis.css, because I think that you will have it in the future.

    3.- Some of your tags are not properly opened/closed. That is, there are some <p>s with no corresponding </p>s

    4.- Check your spelling: It is not Aria, but Arial. Just a letter makes all the difference (Same thing with the names of the bands, "Earth, Wind and Fire" and not "Earch Wind and Fire" )

    You have a few of those, like writing 7 when you obviously wanted to open quotes (") and similar stuff.

    5.- Because you are using Microsoft to do this, you are adding rubbish code that can only be recognized in a Microsoft (Office) enviroment. Properties like xmlns:v="urn:schemas-microsoft-com:vml" xmlns="urn:schemas-microsoft-comfficeffice" or v:shapes="_x0000_s1030" have no meaning in a web world.

    6.- nbsp; are not good to create white space, and neither <br>s for that matter.

    Other errors come from the fact that there is no DOCTYPE, so they probably go.

    Summary: Good, clean code = it is worth to look at the programming side
    because Maybe your Javascript is perfect but if the Document Tree is not properly built, it will never find the right element and you'll be lucky if it works.

    PS: Clean your code first, and then go to the fancy programming.

  8. #33
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wouaw!!!! Thank you so much for all those inputs.... I didn't know my code was so awful!!!!
    Ok! I will get rid of the DOCTYPE thing, will correct the errors.... try to validate it ....and hopefully, the page will be better....

    You are suggesting I should use DreamWeaver?....

    Thanks for the comments.... I will try to put into practice what you said and will come back to you later on.... if you don't mind...

  9. #34
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    WHich DOCTYPE should I use then?

  10. #35
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    Sure. The only way that we can help is when your code is clean. Else, any try would have been wasted

    As DOCTYPE, for new pages I like to use any strict type, probably
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        ...
        </head>
        <body>
        ...
        </body>
        </html>
    Strict simply means that you will separate appearance from structure (that is, that you will only use structure HTML tags such as p, or div, or ul but no others like font, and that your CSS and Javascript will be located in external files)

    To validate, you can use http://validator.w3c.org

  11. #36
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK... I have cleaned my code now..... I have 6 errors due to the hosting.... and one error about "target=_blanK"... I should put it in ccs but I don't know how...

    Anyway, if you have any advice about how to improve my site... I will be happy to here them...

    I have one question.... how to put a video in my web page....
    For the moment, clicking on "Videos" will display a page with several links to Youtube.... but I don't want that.... I have the video (.avi) and would like that one the user clicks on the video link, the video appears in a popup effect page.
    Is it possible to do it?
    Many, many thanks

  12. #37
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK.... I think my code is clean now.... I have just solved the "target=_blank" thing

  13. #38
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    You still one error due to misspelling but that's OK. I will have a look at your problem and see how it can be solved. I will not be able to answer today though. You know, this time of the year, the family and all that... nd lots of last minute things

    Good job. Keep it up

  14. #39
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem I understand perfectly......thank you so much!!!!

  15. #40
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have added some new meta tags too..... the last one (verify) was given to me by the google webmaster tool.... when I tried to verify my site....
    Another problem that I am having is that is does not appear in Google....It is useless to have a web site if Google does not even recognize it!!! That's why I added the verify tag..... I am trying to have my page indexed.!!

    Running the markup validator, it gives another error due to the verify tag, that's all. I hope it is not important and I hope that the tags I have added are good.

    HTML Code:
    <meta name="revisit-after" content="30 days">
    <meta name="classification" content="Music">
    <meta name="robots" content="ALL">
    <meta name="distribution" content="GLOBAL">
    <meta name="rating" content="SAFE FOR KIDS">
    <meta name="author" content=" OnLine">
    <meta http-equiv="reply-to" content="e-mail">
    <meta name="language" content="es">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="resource-type" content="document">
    <meta name="page-topic" content="jazz group musical information">
    <meta name="content-x" content="corporate site">
    <meta name="internal" content="line Public Web Site">
    <meta name="basis" content="FLASH, HTML">
    <meta name="audience" content="Public">
    <meta name="practice" content="Online information">
    <meta name="description" content="Caf&eacute; Paris Grupo Jazz Amenizacion" >
    <meta name="keywords" lang="sp" content="festival, grupo, jazz, Caf&eacute; Paris, amenizacion, evento, empresa, fiesta, cumpleaños, cocteles, musica, Cole Porter, standard" >
    <meta name="keywords" lang="en" content="festival, group, jazz, Caf&eacute; Paris, event, party, birthday, cocktail, music, Cole Porter, standard" >
    <meta name="verify-v1" content="BDJ7UpnnIuyOqS0zohLJcDeXNlezYhAnQBfKBesukZ8=" />

  16. #41
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In addition, I have added the following robots.txt file, I hope it is correct!
    HTML Code:
    User-agent: *
    Disallow:

  17. #42
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have just realized that it is the same thing as having no robots.txt file at all....

  18. #43
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    Happy new year to everyone!

    Unfortunately, now we have to go back to work!!

  19. #44
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    I see that you have posted some more questions

    Although some of these issues should go in different threads (and I would suggest that you learn about other areas too) I will do my best to answer some of them.

    Regarding your meta tags

    Some meta tags are optional, some are necessary... your meta <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> should go at the very top.

    This meta tag is for your web server, while the others are additional information for the search engines. Obviously, the server is more important. No page served... then why would you want to be on the search engines?

    Regarding the tag from google... now that you have validated the site, you can remove it. It is not necessary any longer.

    A script tag should never come before the meta tags. It can create problems because the javascript file will be loaded when the objects that it references to do not exist yet.

    Regarding your robots.txt

    Yep, it is correct. And it would be correct too if you leave the file empty. It would have the same meaning.

    What you are not so correct is that this is equivalent as not having a robots.txt file at all. The difference is small, but it is there. The search engines always look for the robots.txt file, and if they don't find it (that is, there is no file in the root with such a name) the server will send a http 404 error (file not found).
    This will show in your server statistics as an error (which I find annoying myself).

    The search engine will assume that it can browse and index the whole site (so no problem at all). It is similar to going to a fair, and asking a lady if you can simply walk around whenever I want. I find much nicer that someone tells me that I can do it (find a robots.txt file) than not receiving a response and then decide that I will do what I please...

    Regarding the site and the popup effects

    After all, this thread was about that

    I've been doing some thought about it and the best way to implement what you want. I am also worried on the usability issues that may arise. Is it really better for the user? Will they find it more comfortable to use if the click on a link and they receive a new window? I am not certain.

    As a matter of fact, I can tell you that I have problems loading the page in two of my computers, so this is not to be taken lightly. The success of your page depends on how happy the user is with your site.

    Anyway, the sure thing is that you are planning heavy content there (lots of pictures and I've read that you plan to add video as well). This is a clear signal to me that your site needs to be "ajaxed". You can't keep the user waiting forever till everything loads.

    Ajax extends normal javascript with a new function xmlHttpRequest, that allows the loading of elements while the user is browsing and he doesn't realise that the browser is getting new content. This makes resposes to user actions much faster because the page will show inmediately, and while he decides what to choose, it will load the rest.

    For this, I would suggest the use of a framework or a javascript library. The two that came to my head are JQuery and Prototype... My inclination goes to Prototype. While I think that JQuery is more complete, Prototype is easier to use from the learning point of view and more than enough for your needs. It is very complete too, not too far from JQuery and has some very nice effects programmed.

    In any case, any of this libraries will take off the load of making sure that your code is cross-browser (I am sorry to say, that not all browsers use the structure "document.getElementById" and this may not work in some computers)

    It will also help you to get rid of the javascript in the page. It shouldn't be there at all, if possible. Much better to get it in a external file with a .js extension.

    Read a bit about them and see what you think about it.

    JQuery: http://jquery.com/
    Prototype: http://www.prototypejs.org/

  20. #45
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    Another thing, you mentioned that your page doesn't show in Google.

    It is indexed... you are there. But Google is hard competition and what you want to be on the first pages. To do that, you will need to update content in a regular basis (I mean content, not pictures and if you add video, it needs to be tagged accordingly).

    My suggestion is that you start learning the tips and tricks from the SEO forum, starting from the stickies posted at the top of that forum. Getting the right results is hard. You need to set up your goals very clearly, and know very well your market to reach them.

    It doesn't show in one day or two. You need good 5-89 months at least, lots of hard work and effort, and well chosen keywords and text to get a number 1 position in Google. So patience.

    Start finishing your site and then sending it to all the search engines you can. Since you are in Spain, a few could be:

    - google.es (although it is already in google)
    - yahoo.es
    - paginas-amarillas.es (yes, paginas-amarillas is a search engine)
    - spanish music directories

    These are only a few.

    Regarding adding video

    It really depends on which format you use, so much of it is related to that. Standards say that you should use the <object> tag. Let's say that your video is in FLV (flash video format) which is pretty popular. It could be something like this.

    Code:
    <object type="application/x-shockwave-flash" data="FlowPlayer.swf"
        width="320" height="263" id="FlowPlayer">
      <param name="allowScriptAccess" value="sameDomain"/>
      <param name="movie" value="FlowPlayer.swf"/>
      <param name="quality" value="high"/>
      <param name="scale" value="noScale"/>
      <param name="wmode" value="transparent"/>
      <param name="flashvars"
        value="videoFile=mymovie.flv"/>
    </object>
    Now, this assumes that you have created your own video and you are hosting as well. Video takes a lot of bandwith, and depending on your hosting contract it may cost you a good deal of money. If your hosting provided charges when you pass a certain amount of MB, then you should consider a free video hosting service such as youtube, even if this means promoting youtube as well. If you are using this service, simply add the html code that they give you (in youtube, you can find it at the right of the video you are watching)

    It is that easy.

  21. #46
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so much with all your inputs.... I will read about the prototype and the JQuery...and I will come back to you...
    You are right about the loading.... it takes too long..... Specially with the pictures stuff... I really need to improve this too....
    So are you saying that with Prototype I could improve all this? I know about JS so hopefully it should not be too hard, .... right!?? If I you prototpe. does it mean I will have to redo my design? Actually I don't really mind the effort since I think it is worth it..

  22. #47
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I will read it over the week end and hopefully I will not have to come back to you for help!!!

    Many many thanks

  23. #48
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,023
    Mentioned
    210 Post(s)
    Tagged
    1 Thread(s)
    Ajax uses Javascript and it is based in an Asynchronous traffic.

    Normally, when you write the address of a site, your request is sent to that server and the server answers by delivering the html/css/javascript files that your browser will render to recreate the page so you can see it.

    This is a synchronous communication, and you will not be able to see the page properly until all the files are in your computer and have been served.

    Asynchronous communication means that the page is rendered by parts. So the first part, the main one, is served and viewed by the user, and while he is distracted by reading or viewing something, the rest of the page or site are being served in the background.

    This helps to improve the performance because the reaction to user interaction is immediate. He didn't know, but the page is already in his computer.

    In your case you just need the main page to load quickly, and be engaging enough to be able to serve the rest of the site while the user is distracted by something else. Then, when he clicks on pictures or something like that, the browser will show them instantly and he will be pleased for the quick response.

    I don't know if I explained well but I tried

    PS: remember that you page needs to be usable even if Javascript is disable, so organize the information correctly.

  24. #49
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the information.... I have so much to do and to learn that I am starting to panic!
    I never thought about doing stuff if JS is disabled.... what do you suggest I do?

    Currently I am changing the "getElementById" thing by the prototype syntax.

  25. #50
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am currently having a "small" problem..... I have the following onClick event
    HTML Code:
     <area href="javascript:void(0)" onclick = "hide('fp');document.getElementById('act').style.display='block';document.getElementById('fadeAct').style.display='block'" alt="Actuaciones  del grupo de jazz Caf&eacute; Paris" shape="poly" coords="197, 167, 292, 165, 296, 180, 196, 180">
    At first, I only replaced hide('fp') by the prototype command: $('fp').hide(); and it worked prefectly (except for the error I could see on the error console (see later on....))

    Then I wanted to go on replacing the getElementById stuff .....
    HTML Code:
    <p class="right"><a href = "javascript:void(0)" onclick = "$('fp').hide();
    $('act').show();$('fadeAct').show()".....
    But it does not work.... only the first command ($('fp').hide()) makes dissapear the stuff I want).... the rest is not working....
    What am I doing wrong!!!!

    In addition, I get the following error:
    PHP Code:
    document.getElementById("image_flicker"has no properties.
    http://mistonline.in/wp/automatic-ajax-loading-images-with-prototype/ 


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •