How do I do this?

Lightbox is not displaying at all (did read the support) just loads on a new page... I can't figger out what I'm doing wrong?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Top Rock Designs</title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>

	<style type="text/css">
		body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
	</style>
</head>

<body link="#008080">
<div id="container">
	<div id="header">
		<div style="position: absolute; width: 129px; height: 134px; z-index: 6; left: 17px; top: 18px" id="layer2">
			<a href="index.html">
			<img border="0" src="images/home.gif" width="146" height="39"></a><a href="gallery.html"><img border="0" src="images/gallery.gif" width="146" height="39"></a><a href="clothing.html"><img border="0" src="images/clothing.gif" width="146" height="39"></a><a href="contact.html"><img border="0" src="images/contact.gif" width="146" height="39"></a></div>
		<p>&nbsp;</div>
	<div id="content">
		<div id="left" style="width: 744px; height: 452px">
<a href="portfolio/image1.jpg" rel="lightbox[roadtrip]" title="my caption">image #1</a>
<a href="portfolio/image2.jpg" rel="lightbox[roadtrip]" title="my caption">image #2</a>
<a href="portfolio/image3.jpg" rel="lightbox[roadtrip]" title="my caption">image #3</a>
<a href="portfolio/image4.jpg" rel="lightbox[roadtrip]" title="my caption">image #4</a>
<a href="portfolio/image5.jpg" rel="lightbox[roadtrip]" title="my caption">image #5</a>
<a href="portfolio/image6.jpg" rel="lightbox[roadtrip]" title="my caption">image #6</a>
<a href="portfolio/image7.jpg" rel="lightbox[roadtrip]" title="my caption">image #7</a>
<a href="portfolio/image8.jpg" rel="lightbox[roadtrip]" title="my caption">image #8</a>
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</div>
		<div class="clear"></div>
		<div id="footer" style="width: 775px; height: 60px">
			<p><font color="#000000">&copy; Copyright information goes here.All rights reserved.</font></p>
		</div>
	</div>
	
</div>
</body>
</html>

all links are correct
 
Last edited:
you using a WYSIWYG editor ? i would suggest one.
 
Please anybody? I can't figger ut whats the problem :(
i lol'ed. been years since i've used FP :D, quite sure there are better ones out there- maybe ask :)

There are, I'm just happy with FrontPage, I have learnt it
 
Frontpage? Wow...

Why dont I see this in your <body> tag?

<body onload="MM_preloadImages(‘/images/xxxxxx.gif’)…;initLightbox()">

It looks like a portfolio, which means it's probably biggish files, which mean's you probably click on the photo before it's properly loaded... that's when it will open in a new window and image only.

Wait for everything to load, before you click on a link.

Anyway, is this on localhost or is it somewhere on the net so we can have a look?

Cheers Anton
 
Frontpage? Wow...

Why dont I see this in your <body> tag?

<body onload="MM_preloadImages(‘/images/xxxxxx.gif’)…;initLightbox()">

It looks like a portfolio, which means it's probably biggish files, which mean's you probably click on the photo before it's properly loaded... that's when it will open in a new window and image only.

Wait for everything to load, before you click on a link.

Anyway, is this on localhost or is it somewhere on the net so we can have a look?

Cheers Anton

LOl ok, whats the deal with FrontPage?

As I was explaining the problem, I relised something, the guides css and java files where in their own folders... mine where not... I can't believe I missed something so stupid :o

thanks for everybodys help :)
 
Just a quick question, if a 404 error happens, how do I get it to point at a custom 404 error page?
 
Try Visual Web Developer Express... ;) Or, if you have to, Expression Blend. Is supposed to be the successor to FrontPage.
 
Ooh ok, well I don't use the fancy features, But what would you guys suggest? I only know nuvu or something like that

nVu - or the more recently updated fork, KompoZer is built on the Mozilla engine, and isn't bad for home projects.
If you are looking for professional WYSIWYG software, then Adobe's DreamWeaver is up there with the best (so is their price), alongside Microsoft's Visual Studio. You could pick up the Express version, which is free. This also does a very good job at WYSIWYG editing.
Failing these, you could try Eclipse/Netbeans (I stand under correction here), or Aptana Studio (based on Eclipse), which does a pretty decent job too - although it's not WYSIWYG, which kinda defeats the whole purpose, it does have live preview.
 
Top
Sign up to the MyBroadband newsletter
X