PDA

View Full Version : My Website, Need Some Help



dolphinfan2k5
04-15-2007, 03:16 PM
OK, so I'm designing this site for my moms business and I'm struggling. I've finally got the main layout how I want it, I think, but I'm not sure everything is coded how it should be. Anyway... here it is: www.freewebs.com/maurerrj

On to my question... Under the tabs like "conifers," "grasses," and so on, I need to have galleries showing many plants, and I plan on using thumbnails, which, when clicked, show a full view of the plant. I'm not quite sure how to do this, and I hope someone here can help me.

I'm thinking about using Lightbox (http://www.huddletogether.com/projects/lightbox2/), but I really don't even know how to start with it. If you can help me with that, or have any other suggestions about how to this, please tell me, help is greatly appreciated.

Here is the code for what I have, if it helps.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 1/15/2007 4:28:49 PM -->
<head>
<title>
Evergreen Gardens
</title>
<style type="text/css">
<!--

body{
background:#D6D3C0;
background-image:url(http://img396.imageshack.us/img396/3725/newback5cv0.jpg);
background-repeat: repeat-y;
background-position: center;
}
-->
</style>
</head>

</style><body topmargin="0">


<div align="center">
<table cellspacing="0" cellpadding="0">
<tr><td colspan="2" width="724"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
<tr></tr></table>
<table width="724" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a onmouseover="window.status='Home';
return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img441.imageshack.us/img441/2407/homegx3.gif" width="70" height="25" border="0" alt="Visit the homepage"></a></td>

<td>
<a onmouseover="window.status='Conifers';
return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img175.imageshack.us/img175/3194/conifersxa1.gif" width="97" height="25" border="0" alt="Browse conifers"></a></td>
<td>
<a onmouseover="window.status='Grasses';
return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img176.imageshack.us/img176/4982/grasseskm0.gif" width="91" height="25" border="0" alt="Browse grasses"></a></td>
<td>
<a onmouseover="window.status='Shrubs';
return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img441.imageshack.us/img441/2655/shrubsha9.gif" width="88" height="25" border="0" alt="Browse shrubs"></a></td>

<td>
<a onmouseover="window.status='Browse
perennials'; return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img174.imageshack.us/img174/9085/perennialsno0.gif" width="112" height="25" border="0" alt="Browse perennials"></a></td>
<td>
<a onmouseover="window.status='Trough
Gardens'; return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img377.imageshack.us/img377/1151/troughgardensik4.gif" width="157" height="25" border="0" alt="Browse trough gardens"></a></td>
<td>
<a onmouseover="window.status='Find
us!'; return true;" onmouseout="window.status=''; return true;" href="#">
<img src="http://img175.imageshack.us/img175/1816/directionspj9.gif" width="109" height="25" border="0" alt="Find us"></a></td>
</tr>
</table><!-- End ImageReady Slices -->
<tr height="0"><td colspan="2" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
<tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
<div></div></td></tr>
</table>
</div>
<center><div style="WIDTH: 602px;></center>
<div id="Content area">
<P align="left">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ultrices nulla
lobortis arcu. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Nunc quis ante nec lorem lobortis cursus. Etiam rutrum
velit in ligula. Aliquam luctus, justo sed luctus elementum, massa libero
bibendum lacus, vitae tincidunt ante pede sed lorem. Maecenas molestie lacinia
est. Fusce non nibh. Duis eu diam. Nam metus massa, bibendum non, dictum id,
tempus a, tellus. Etiam porttitor dui a lorem. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Cras sollicitudin
ligula et felis. Sed volutpat venenatis turpis. In ut elit. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc et diam.
Ut eget est. Ut magna metus, mattis nec, euismod ut, convallis at, nisl.
Morbi id lacus sed tortor cursus vehicula. Vivamus blandit erat nec tortor.
Suspendisse nisl nisl, facilisis vel, aliquet eget, semper id, justo. Etiam eu
massa. Maecenas vitae ante. Donec ultricies. Mauris elit augue, imperdiet ut,
nonummy ut, viverra ac, quam. Fusce elementum auctor sapien. Vivamus placerat.
Donec augue ligula, mollis sit amet, pretium id, hendrerit ac, ipsum.
Maecenas pharetra consectetuer tellus. Quisque in turpis. Suspendisse eros.
Nunc lacinia mattis mauris. Aliquam semper nulla nec diam. Cras nisl massa,
hendrerit vitae, facilisis in, lacinia id, turpis. Suspendisse mauris.
Pellentesque porttitor elit. Praesent nunc purus, pharetra at, porttitor a,
mollis at, purus. Quisque lobortis, erat vel dignissim placerat, sem velit
eleifend massa, vitae dapibus massa ipsum sit amet sapien. Suspendisse tellus
erat, scelerisque vel, hendrerit nec, feugiat ac, nulla. Ut augue. Aenean pede
elit, imperdiet ac, fermentum sed, mattis ac, nisi. Sed cursus sodales ipsum.
Aliquam pede. Suspendisse potenti. Morbi vel sapien. Cras neque sapien, interdum
nec, ullamcorper sed, cursus at, felis.
Donec vulputate urna et lorem. Integer eget diam sed nibh viverra mattis.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Nunc ante mauris, dignissim id, dictum et, mattis et, erat. Donec
sollicitudin, ante in placerat consequat, lorem nisl venenatis felis, id
ullamcorper arcu sem sit amet odio. Aliquam mollis, nisi non fringilla placerat,
orci nibh congue sapien, eu sollicitudin ipsum sapien ut nunc. Ut rutrum mi a
leo ornare nonummy. Maecenas sem enim, convallis in, sollicitudin vitae, commodo
eu, lacus. Nulla eu nisi in lorem adipiscing commodo. Etiam pulvinar, lectus
dapibus porttitor laoreet, lectus orci aliquam turpis, sit amet facilisis libero
sapien at urna.
Nulla facilisi. Aenean hendrerit justo non erat imperdiet nonummy. Quisque
nec nulla. Maecenas arcu felis, aliquam vel, hendrerit nec, molestie vitae,
orci. Curabitur pede pede, aliquam sed, tincidunt at, molestie at, arcu.
Suspendisse imperdiet tristique diam. Vestibulum dapibus sagittis nisl. Integer
at nulla sed lectus ornare mollis. Nulla faucibus mattis tellus. Suspendisse
nibh velit, rhoncus nec, semper vitae, imperdiet nec, turpis. Nam vitae mi quis
odio imperdiet faucibus. Duis ultricies aliquam libero.


</p></div></div>

<!-- --><script type="text/javascript" src="/i.js"></script></body>
</html>