Help - Search - Members - Calendar
Full Version: I NEED HELP
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
hello
I have learned some HTML from High School and now I am wanting to create one for my own company. I have used a free template and I have taken out some things and added some new things that I want. I have tries to use a CSSCHeck but it didn't help because it is missing somethings that need to be done when I post this on a Domain which is coming.

Thank You guys in advanced, hope you guys can help

The problems are when I make the text into a HTML and I click on the HTML to open it I get

Error: Required selector "output"does not exist.

Error: Required selector ".thumbnails li img" does not exist.
One or more configuration error detector. Aborting


I would love some help.

Here is the original HTML template; there is a folder that I keep the file and it has other stuff like the pictures.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Zion Threads Christian T-shirts</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
<style type="text/css">
@import "gallery.css";
</style>
</head>

<body>

<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="#">Zion Threads </a></h1>
<p> Christian T-shirts</a></p>
</div>
</div>

<!-- end #header -->
<div id="menu">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">Store</a></li>
<li><a href=#>Photos</a></li>
<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->

<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">

<div id="content">

<div id="gallery-wrapper">
<div id="gallery"> <img class=output src=C:\Users\Sophia\Pictures\Art\sc00090c81.jpg alt="" />
<div id="thumbnail-bg">
<ul class=thumbnails>
<li><img class="active" src="images/img04.jpg" title="Monument Valley" alt="" width="604" height="375" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
<li><img src="images/img05.jpg" title="Honey Bee" alt="" width="100" height="75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>
<li><img src="images/img06.jpg" title="Cup of Coffee" alt="" width="100" height="75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>

<li><img src="images/img07.jpg" title="Grand Tetons" alt="" width="100" height="75" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" /></li>

</ul>

</div>
<br class="clear" />
</div>
<script type="text/javascript">

$('#gallery').gallerax({
outputSelector: '.output', // Output selector
thumbnailsSelector: '.thumbnails li img', // Thumbnails selector
captionSelector: '.caption' // Caption selector
});

</script>
<!-- end -->
</div>

<div class="post">
<h2 class="title"><a href="#">Welcome to Zion Threads </a></h2>
<p class="meta"><span class="date">A little About Us</span><span class="posted">Posted by <a href="#">Sophia</a></span></p>
<div style="clear: both;">&nbsp;</div>
<div class="entry">
<p> <strong>Zion Threads </strong>is a small business that makes t-shirts with christian values. We hope that we can share the Word of God through the clothes people wear everyday.The website is still in construction so please be patient. Thank you</p>

<p>We deliver to most of the world except the UK because of copy right issues. If you would like the table of the prices just <a href="#">click here</a>.</p>
<p class="links"><a href="#">Read More</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Comments</a></p>
</div>
</div>
<div class="post">

<h2 class="title">We are currently...<a href="#"></a></h2>

<p class="meta"><span class="date">Kenya Help Volunteer Special</span><span class="posted">Posted by <a href="#">Someone</a></span></p>
<div style="clear: both;">&nbsp;</div>
<div class="entry">
<p> If you are a volunter for the Kenya we have a special. You just need to enter your name below and follow the add to cart link to purchase your Kenya Help shirts.</p>

<p class="links"><a href="#">Read More</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Comments</a></p>

<
wgabrie
Your error message seems to say there is something wrong with this java script:
CODE
<script type="text/javascript">

$('#gallery').gallerax({
outputSelector: '.output', // Output selector
thumbnailsSelector: '.thumbnails li img', // Thumbnails selector
captionSelector: '.caption' // Caption selector
});

</script>


I'm not sure what is wrong though. Maybe it isn't escaped properly?

Try
CODE
<script type="text/javascript">
<![CDATA[

$('#gallery').gallerax({
outputSelector: '.output', // Output selector
thumbnailsSelector: '.thumbnails li img', // Thumbnails selector
captionSelector: '.caption' // Caption selector
});

]]></script>
pandy
Do you have the associated JavaSript files?

CODE
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>

akeane
Don't know if you still need help but I noticed that there are at least two 'class=' that are incorrect:

<div id="gallery"> <img class=output src=C:\Users\Sophia\Pictures\Art\sc00090c81.jpg alt="" />
<div id="thumbnail-bg">
<ul class=thumbnails>

You need quotes around class names... output and thumbnails needs quotes.
Since these are the two classes gallerax is looking for... then the errors could be coming from that.

Also for the future... if you are using FireFox, you can see the error console and it will show you the errors... (Tools-Error Console)... it even points you to the exact line... I debug a lot that way.

Hope this helps... if you still need the help.

TTFN... Andrea
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.