Announcement

Collapse
No announcement yet.

some text doesnt appear on my website

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • some text doesnt appear on my website

    Hi.

    I introduced a change on a html file for my website, but I cannot see it online.

    I copy here the html and css in case you can spot the mistake.

    thanks!



    HTML FILE
    <!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>
    <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="circus, lumineszenz, audio, video, real time, processing, light, juggling, visuals">
    <title>IMled Lamps</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="icon" href="circuslumineszenz.ico" type="image/x-icon">
    <link rel="shortcut icon" href="circuslumineszenz.ico" type="image/x-icon">
    <meta name="description" content="circus lumineszenz">

    <!-- FANCYBOX STARTS -->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
    <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
    <script type="text/javascript" language="javascript" charset="utf-8" src="nav/nav.js"></script>

    <script>
    $(document).ready(function() {
    $('.fancybox').fancybox();
    });
    </script>

    <!-- FANCYBOX ENDS -->
    </head>

    <body>
    <div class="content">
    <div class="header"> <a href="index.html"><img src="images/circus_lumineszenze_logo.jpg" width="600" height="56" alt="circus lumineszenz" /></a> </div>
    <!-------------------------------------------------------------------------------------------------------------------------->
    <ul id="menu">
    <li class="installations"><a href="installations.html"><span>installations</span></a>
    <ul>
    <li class="playground"><a href="playground.html"><span>playground</span></a></li>
    <li class="laser_harp"><a href="laser_harp.html"><span>laser_harp</span></a></li>
    <li class="laser_harp_q"><a href="laser_harp_q.html"><span>laser_harp_q</span></a></li>
    <li class="ereignishorizont"><a href="ereignishorizont.html"><span>ereignishorizont</span></a></li>
    <li class="sing_und_tanz"><a href="sing_und_tanz.html"><span>sing_und_tanz</span></a></li>
    </ul>
    </li>
    <li class="objects opened"><a href="objects.html" class="active"><span>objects</span></a>
    <ul>
    <li class="callitriche"><a href="callitriche.html"><span>callitriche</span></a></li>
    <li class="pupa"><a href="pupa.html"><span>pupa</span></a></li>
    <li class="phos"><a href="phos.html"><span>phos</span></a></li>
    <li class="lumi_seeds"><a href="lumi_seeds.html"><span>lumi_seeds</span></a></li>
    <li class="imled_lamps"><a href="imled_lamps.html" class="active"><span>imled_lamps</span></a></li>
    <li class="instruments"><a href="instruments.html"><span>instruments</span></a></li>
    </ul>
    </li>
    <li class="performances"><a href="performances.html"><span>performances</span></a>
    <ul>
    <li class="laser_dialogues"><a href="laser_dialogues.html"><span>laser_dialogues</span></a></li>
    <li class="live_visuals"><a href="live_visuals.html"><span>live_visuals</span></a></li>
    <li class="nichtigkeit"><a href="nichtigkeit.html"><span>nichtigkeit</span></a></li>
    <li class="sound_stick"><a href="sound_stick.html"><span>sound_stick</span></a></li>
    <li class="light_juggling"><a href="light_juggling.html"><span>light_juggling</span></a></li>
    </ul>
    </li>
    <li class="photography"><a href="photography.html"><span>photography</span></a>
    <ul>
    <li class="light_painting"><a href="light_painting.html"><span>light_painting</span></a></li>
    <li class="light_portraits"><a href="light_portraits.html"><span>light_portraits</span></a></li>
    </ul>
    </li>
    <li class="workshops"><a href="workshops.html"><span>workshops</span></a></li>
    <li class="references"><a href="references.html"><span>references</span></a></li>
    <li class="contact"><a href="contact.html"><span>contact</span></a></li>
    </ul>
    <!-------------------------------------------------------------------------------------------------------------------------->
    <div class="contenido">
    <h2>IMLeD Lamps</h2>
    <p>
    Infinite Mirror Led Lamps suitable for indoors & outdoors decoration, possible in different shapes / sizes / and lightning configurations (Arduino based technology). The lamps are built based on a one way mirror mechanism, that allows the viewer to look inside of the lamp, but prevents the light to escape from the object, generating this way infinite reflections inside of it. By the usage of addressable RGB led strip, it is possible to control the color and intensity of each pixel in any given moment, creating the most amazing patterns and effects.<br><br><br>

    <p>Photos</p>
    <br>
    <a class="fancybox" href="images/imled/imled 01.jpg" data-fancybox-group="imled"><img src="/images/imled/imled thumb.jpg" alt="" /></a>
    <a class="fancybox" href="images/imled/imled 02.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 03.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 04.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 05.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 06.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 07.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 08.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 09.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 10.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 11.jpg" data-fancybox-group="imled"></a>
    <a class="fancybox" href="images/imled/imled 12.jpg" data-fancybox-group="imled"></a>
    <br><br><br>
    <p>IMLeD Lamps (addressable RGB led strip)</p>
    <iframe width="600" height="338" src="http://www.youtube.com/embed/4e3Zaz_hxZg?autohide=1;showinfo=0;rel=0" frameborder="0" allowfullscreen></iframe>
    <br><br><br>
    <p>IMLeD Lamps (RGB led strip)</p>
    <iframe width="600" height="338" src="http://www.youtube.com/embed/UpmVy0fULgg?autohide=1;showinfo=0;rel=0" frameborder="0" allowfullscreen></iframe>
    <br><br><br>
    It is possible to control in real-time all our Light Installations via DMX / ARTNET.
    </p>
    </div>
    <div class="clear"></div>
    </div>
    </body>
    </html>


  • #2
    I can't see any obvious mistakes in your rather archaic code, but I wonder... I didn't think you could put an iframe inside a <p> tag. That, I think, should be a second <div> tag. What part of the code isn't showing up?
    Cat-herder Extraordinaire

    Comment


    • #3
      Hi there camilozk,

      I have corrected and validated your code and it appears to work OK.

      Code:
      
      <!DOCTYPE html>
      <html lang="en">
      <head>
      
      <base href="http://circuslumineszenz.com/">
      
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
      <meta name="keywords" content="circus, lumineszenz, audio, video, real time, processing, light, juggling, visuals">
      <meta name="description" content="circus lumineszenz">
      
      <title>IMled Lamps</title>
      
      <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Telex" media="screen">
      <link rel="stylesheet" href="css/style.css" media="screen">
      <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen">
      <link rel="icon" href="circuslumineszenz.ico">
      <link rel="shortcut icon" href="circuslumineszenz.ico">
      
      <style media="screen">  
      /* this code should be removed to your external style sheet */
      iframe {
          display: block;
          margin-bottom: 3em;
          border: 0;
       }
      /***********************************************************/
      </style>
      
      <!-- FANCYBOX STARTS -->
      
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
      <script src="fancybox/source/jquery.fancybox.pack.js"></script>
      <script  src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
      <script src="nav/nav.js"></script>
      
      <script>
         $(document).ready(function() {
         $('.fancybox').fancybox();
         });
      </script>
      
      <!-- FANCYBOX ENDS -->
      </head>
      <body>
      <div class="content">
      <div class="header">
       <a href="index.html">
       <img src="images/circus_lumineszenze_logo.jpg" width="600" height="56" alt="circus lumineszenz">
       </a>
      </div>
      <!--**********************************************************************************************************************-->
      <ul id="menu">
       <li class="installations"><a href="installations.html"><span>installations</span></a>
        <ul>
         <li class="playground"><a href="playground.html"><span>playground</span></a></li>
         <li class="laser_harp"><a href="laser_harp.html"><span>laser_harp</span></a></li>
         <li class="laser_harp_q"><a href="laser_harp_q.html"><span>laser_harp_q</span></a></li>
         <li class="ereignishorizont"><a href="ereignishorizont.html"><span>ereignishorizont</span></a></li>
         <li class="sing_und_tanz"><a href="sing_und_tanz.html"><span>sing_und_tanz</span></a></li>
        </ul></li>
       <li class="objects opened"><a href="objects.html" class="active"><span>objects</span></a>
        <ul>
         <li class="callitriche"><a href="callitriche.html"><span>callitriche</span></a></li>
         <li class="pupa"><a href="pupa.html"><span>pupa</span></a></li>
         <li class="phos"><a href="phos.html"><span>phos</span></a></li>
         <li class="lumi_seeds"><a href="lumi_seeds.html"><span>lumi_seeds</span></a></li>
         <li class="imled_lamps"><a href="imled_lamps.html" class="active"><span>imled_lamps</span></a></li>
         <li class="instruments"><a href="instruments.html"><span>instruments</span></a></li>
        </ul></li>
       <li class="performances"><a href="performances.html"><span>performances</span></a>
        <ul>
         <li class="laser_dialogues"><a href="laser_dialogues.html"><span>laser_dialogues</span></a></li>
         <li class="live_visuals"><a href="live_visuals.html"><span>live_visuals</span></a></li>
         <li class="nichtigkeit"><a href="nichtigkeit.html"><span>nichtigkeit</span></a></li>
         <li class="sound_stick"><a href="sound_stick.html"><span>sound_stick</span></a></li>
         <li class="light_juggling"><a href="light_juggling.html"><span>light_juggling</span></a></li>
        </ul></li>
       <li class="photography"><a href="photography.html"><span>photography</span></a>
        <ul>
         <li class="light_painting"><a href="light_painting.html"><span>light_painting</span></a></li>
         <li class="light_portraits"><a href="light_portraits.html"><span>light_portraits</span></a></li>
        </ul></li>
       <li class="workshops"><a href="workshops.html"><span>workshops</span></a></li>
       <li class="references"><a href="references.html"><span>references</span></a></li>
       <li class="contact"><a href="contact.html"><span>contact</span></a></li>
      </ul>
      <!--**********************************************************************************************************************-->
      <div class="contenido">
      <h2>IMLeD Lamps</h2>
      <p>
       Infinite Mirror Led Lamps suitable for indoors & outdoors decoration, possible in different shapes / sizes /
       and lightning configurations (Arduino based technology). The lamps are built based on a one way mirror mechanism,
       that allows the viewer to look inside of the lamp, but prevents the light to escape from the object, generating
       this way infinite reflections inside of it. By the usage of addressable RGB led strip, it is possible to control
       the color and intensity of each pixel in any given moment, creating the most amazing patterns and effects.
      </p>
      
      <p>Photos</p>
      <div>
       <a class="fancybox" href="images/imled/imled%2001.jpg" data-fancybox-group="imled"><img src="/images/imled/imled%20thumb.jpg" alt=""></a>
       <a class="fancybox" href="images/imled/imled%2002.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2003.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2004.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2005.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2006.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2007.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2008.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2009.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2010.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2011.jpg" data-fancybox-group="imled"></a>
       <a class="fancybox" href="images/imled/imled%2012.jpg" data-fancybox-group="imled"></a>
      </div>
      <p>IMLeD Lamps (addressable RGB led strip)</p>
      <iframe width="600" height="338" src="http://www.youtube.com/embed/4e3Zaz_hxZg?autohide=1;showinfo=0;rel=0" allowfullscreen></iframe>
      
      <p>IMLeD Lamps (RGB led strip)</p>
      <iframe width="600" height="338" src="http://www.youtube.com/embed/UpmVy0fULgg?autohide=1;showinfo=0;rel=0" allowfullscreen></iframe>
      <p>
       It is possible to control in real-time all our Light Installations via DMX / ARTNET.
      </p>
      </div>
      <div class="clear"></div>
      </div>
      </body>
      </html>
      
      I presume, though, that you realise that your page is not responsive,
      which means that it will not work well, if at all, on mobile devices.



      ~ the original bald headed old fart ~

      Comment

      Working...
      X