Topic: HTML Error

I am new to HTML, here is my problem. I get this HTML error no matter what I do.  sad

string(212) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag: background-color: #ffffff; font: .8em/1.3em verdana,arial,helvetica,sans-serif; width: 100%; (Smarty_Compiler.class.php, line 446)" string(117) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)" string(174) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag: width: 100%; height: 100%; border: thin #999999 solid; (Smarty_Compiler.class.php, line 446)" string(117) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)" string(502) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag: mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400; (Smarty_Compiler.class.php, line 446)" string(117) "Smarty error: [in content:content_en line 1]: syntax error: unrecognized tag '' (Smarty_Compiler.class.php, line 590)"

Uploaded on my site is the boxed example, swfobject, tiltviewer, gallery and imgs.

The Boxed example looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TiltViewer-Pro HTML Embed Example</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
    body {
        background-color: #ffffff;
        font: .8em/1.3em verdana,arial,helvetica,sans-serif;
        width: 100%;
    }

    #flashcontent {
        width: 100%;
        height: 100%;
        border: thin #999999 solid;
    }

</style>
</head>
<body>
    <h1>My Page Title </h1>
    <p>Here is some description text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque non  orci. Morbi viverra tellus.</p>
    <div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
    <script type="text/javascript">

        var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#FFFFFF");

        // TILTVIEWER CONFIGURATION OPTIONS
        // To use an option, uncomment it by removing the "//" at the start of the line
        // For a description of config options, go to:
        // http://www.airtightinteractive.com/proj … tions.html

        //FLICKR GALLERY OPTIONS
        // To use images from Flickr, uncomment this block
        //fo.addVariable("useFlickr", "true");
        //fo.addVariable("user_id", "48508968@N00");
        //fo.addVariable("tags", "jump,smile");
        //fo.addVariable("tag_mode", "all");
        //fo.addVariable("showTakenByText", "true");

        // XML GALLERY OPTIONS
        // To use local images defined in an XML document, use this block
        fo.addVariable("useFlickr", "false");
        fo.addVariable("xmlURL", "gallery.xml");
        fo.addVariable("maxJPGSize","640");

        //GENERAL OPTIONS
        fo.addVariable("useReloadButton", "false");
        fo.addVariable("columns", "5");
        fo.addVariable("rows", "5");
        fo.addVariable("bkgndInnerColor", "0xFFFFFF");
        fo.addVariable("bkgndOuterColor", "0xFFFFFF");
        fo.addVariable("frameColor", "0xAAAAAA");
        fo.addVariable("navButtonColor", "0x000000");
        //fo.addVariable("showFlipButton", "true");
        //fo.addVariable("showLinkButton", "true");
        //fo.addVariable("linkLabel", "View image info");
        fo.addVariable("backColor", "0xDDDDDD");
        //fo.addVariable("langGoFull", "Go Fullscreen");
        //fo.addVariable("langExitFull", "Exit Fullscreen");
        //fo.addVariable("langAbout", "About");

        //PRO OPTIONS
        //fo.addVariable("bkgndTransparent", "true");
        //fo.addVariable("showFullscreenOption", "false");
        //fo.addVariable("frameWidth", "40");
        //fo.addVariable("zoomedInDistance", "1400");
        //fo.addVariable("zoomedOutDistance", "7500");
        //fo.addVariable("fontName", "Times");
        //fo.addVariable("titleFontSize", "90");
        //fo.addVariable("descriptionFontSize", "32");
        //fo.addVariable("linkFontSize", "41");
        //fo.addVariable("linkTarget", "_self");
        fo.addVariable("flipButtonColor", "0x0000FF");
        //fo.addVariable("textColor", "0xFFFFFF");
        //fo.addVariable("linkTextColor", "0x000000");
        fo.addVariable("linkBkgndColor", "0xFFFFFF");
        //fo.addVariable("enableSounds", "true");
        //fo.addVariable("tiltAmountIn", "75");
        //fo.addVariable("tiltAmountOut", "120");

        // END TILTVIEWER CONFIGURATION OPTIONS

        fo.addParam("allowFullScreen","true");
        fo.write("flashcontent");
    </script>

    </script>
<p>Here is some description text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque non  orci. Morbi viverra tellus. Suspendisse auctor imperdiet lorem.  Curabitur nec purus quis felis iaculis laoreet. Morbi lacinia, diam at  blandit convallis, lorem turpis rhoncus ante, sed convallis lectus sem  quis velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aliquam erat volutpat. Sed nulla arcu, rutrum in, ultrices eget, auctor  eget, nunc. Sed ipsum risus, scelerisque non, aliquet ac, ullamcorper  at, enim. Donec augue nisi, porta iaculis, sodales vitae, consectetuer  vitae, ligula.</p>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque non  orci. Morbi viverra tellus. Suspendisse auctor imperdiet lorem.  Curabitur nec purus quis felis iaculis laoreet. Morbi lacinia, diam at  blandit convallis, lorem turpis rhoncus ante, sed convallis lectus sem  quis velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aliquam erat volutpat. Sed nulla arcu, rutrum in, ultrices eget, auctor  eget, nunc. Sed ipsum risus, scelerisque non, aliquet ac, ullamcorper  at, enim. Donec augue nisi, porta iaculis, sodales vitae, consectetuer  vitae, ligula.</p>
</body>
</html>

Re: HTML Error

I am not familiar with Smarty but it is described as 'a template engine for the PHP development language'.
The code you posted does not use PHP so if you were to put the code into a file named 'index.html', upload it to your web server and open the page in a browser, your gallery should be displayed (as long as the supporting files are also uploaded into the correct locations).
If you continue to experience problems, please post the URL to your gallery so that we can take a look.

Steven Speirs
SimpleViewer Support Team.

Re: HTML Error

http://www.routestravel.com/meet-the-ro … el-team-2/

I got rid of alot of the errors by inputting some <>s, but I can't seem to shake these last four. here is what the code looks like now.

<h1>   The Routes Travel Family     </h1><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>TiltViewer-Pro HTML Embed Example</title> <script src="swfobject.js" type="text/javascript"></script> <style type="text/css"> body {<background-color: xFFFFFF> <font: .8em/1.3em verdana,arial,helvetica,sans-serif> <width: "100%">}      #flashcontent {<width: 100%> <height: 100%> <border: thin #999999 solid>}</style><p>&nbsp;</p>     <div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>     <script type="text/javascript">          <var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#FFFFFF")>;          // TILTVIEWER CONFIGURATION OPTIONS         // To use an option, uncomment it by removing the "//" at the start of the line         // For a description of config options, go to:         //http://www.airtightinteractive.com/projects/tiltviewer/config_options.html          //FLICKR GALLERY OPTIONS         // To use images from Flickr, uncomment this block         //fo.addVariable("useFlickr", "true");         //fo.addVariable("user_id", "48508968@N00");         //fo.addVariable("tags", "jump,smile");         //fo.addVariable("tag_mode", "all");         //fo.addVariable("showTakenByText", "true");          // XML GALLERY OPTIONS         // To use local images defined in an XML document, use this block         fo.addVariable("useFlickr", "false");         fo.addVariable("xmlURL", "gallery.xml");         fo.addVariable("maxJPGSize","640");          //GENERAL OPTIONS         fo.addVariable("useReloadButton", "false");         fo.addVariable("columns", "5");         fo.addVariable("rows", "5");         fo.addVariable("bkgndInnerColor", "xFFFFFF");         fo.addVariable("bkgndOuterColor", "xFFFFFF");         fo.addVariable("frameColor", "xAAAAAA");         fo.addVariable("navButtonColor", "x000000");         //fo.addVariable("showFlipButton", "true");         //fo.addVariable("showLinkButton", "true");         //fo.addVariable("linkLabel", "View image info");         //fo.addVariable("backColor", "xDDDDDD");         //fo.addVariable("langGoFull", "Go Fullscreen");         //fo.addVariable("langExitFull", "Exit Fullscreen");         //fo.addVariable("langAbout", "About");          //PRO OPTIONS         //fo.addVariable("bkgndTransparent", "true");         //fo.addVariable("showFullscreenOption", "false");         //fo.addVariable("frameWidth", "40");         //fo.addVariable("zoomedInDistance", "1400");         //fo.addVariable("zoomedOutDistance", "7500");         //fo.addVariable("fontName", "Times");         //fo.addVariable("titleFontSize", "90");         //fo.addVariable("descriptionFontSize", "32");         //fo.addVariable("linkFontSize", "41");         //fo.addVariable("linkTarget", "_self");         //fo.addVariable("flipButtonColor", "x0000FF");         //fo.addVariable("textColor", "xFFFFFF");         //fo.addVariable("linkTextColor", "x000000");         //fo.addVariable("linkBkgndColor", "xFFFFFF");         //fo.addVariable("enableSounds", "true");         //fo.addVariable("tiltAmountIn", "75");         //fo.addVariable("tiltAmountOut", "120");          // END TILTVIEWER CONFIGURATION OPTIONS          fo.addParam("allowFullScreen","true");         fo.write("flashcontent");     </script>       <p>Routes Travel is unique in the warm family atmosphere that starts with our close-knit staff team and extends to all of our valued clients and partners. The company is owned and managed by Ely and Edna Berzan, two veteran and highly successful Israel Experience professionals with energetic and youthful outlooks on Israel Tours. Together they have amassed an impeccable record of professional service and innovative programming of the highest quality. Ely and Edna have raised three children, Daniel, Yonatan and Inbal and are recently new grandparents of a Tom, Noam with another on the way!</p>

Re: HTML Error

It looks like you are trying to insert the entire block of code from your first post into the body of your page.
Everything between the <head> and </head> tags in the code you posted should go into the <head> section of your page and everything between the <body> and </body> tags should go into the <body> section of your page.
Also, you have no line feeds/carriage returns in the TiltViewer embedding <script> section so most of the code is commented out (everything between the first // and the next line feed found). Put each instruction onto a separate line with a line feed at the end (by pressing the 'enter' or 'return' key in a plain text editor).

Steven Speirs
SimpleViewer Support Team.

Re: HTML Error

OK. I am seeing some of the mistakes i've made.

This has to be frustrating for you.  Sucks.

My website doesnt divide things by head and body.

I tried including a screenshot but this chat has limited capability, can you email markjb20@gmail.com and I will send back a photo.

also, if you re-visit the link from before, I have gotten rid of the errors by only pasting the content between <body> and </body> into the HTML Source editor of the page in question.

I'm unsure of where to put the <head> to </head> section.

Re: HTML Error

If you are unable to enter information into the <head> section of your page, then you can use an <iframe> to embed your TiltViewer-Pro gallery.
Keep all your TiltViewer Pro gallery files in a separate folder and upload the entire folder (not just the contents) to your web server.
Now, the only code you need to include in your HTML page is an <iframe> whose 'src' attribute points towards the 'index.html' file inside the gallery folder.
For example, if your gallery folder is called 'gallery' and you have uploaded it to the root of your web server, then the code you would use to embed the gallery would be:

<iframe src="http://www.example.com/gallery/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

... changing 'www.example.com' to the name of your own domain.

Steven Speirs
SimpleViewer Support Team.

Re: HTML Error

OK, Amazing. Thank you.

I have just one more question. If you visit http://www.routestravel.com/meet-the-ro … el-team-2/

You'll notice that on the far right, there is a white strip that blocks the background of out webpage.

How would I go about removing that?

Thanks, you've been very helpful.

Re: HTML Error

The white strip is part of your <iframe>.
Reduce the width of your <iframe> (to '700' for example) or set the width to 100% in order for it to fill the width of the parent container.

<iframe src="uploads/boxed.html" frameborder="0" height="600" scrolling="no" width="100%"></iframe>
Steven Speirs
SimpleViewer Support Team.