Need help with Charity Template...please

gunnarlarson · #1 (**permalink**) 09-14-2007, 05:49 AM

Hello, first let me say, THANK YOU for the great site. The templates are awesome! Again, thanks a whole bunch!

Now, I've created my site using the Charity Template - and so far it looks great. However, I'm having difficulty adding additional pages - as of now the site has 5, but I'd like 10 or so. For some reason I cannot create additional pages, even with the CSS. The formatting gets messed up. Can anyone offer any ideas? advice?? anything???

Thanks a lot for any help I can get.

Gunanr

lmfrench · #2 (**permalink**) 09-15-2007, 05:58 PM

What is the address of your site? I will take a look at it and see if there is a code problem.

gunnarlarson · #3 (**permalink**) 09-16-2007, 01:38 AM

Hi, and thank you very much! The site is www.beach-n-it.com

However, the home page is loaded, and each additional page is supposed to follow the same look, they do but are not currently loaded. The problem I'm referring to is noteable on the "Favorite Attractions" page - http://www.beach-n-it.com/favoriteattractions.html

Notice how the body of the page doesn't match the body of the home page....the home page has a pale grey table/body that houses the main content of the site, but the main content of the favorite attractions page - the table, or lack of, simply matches the background of the page. I want the look of the home page.

Once again, thank you, thank you, thank you! I really do appreciate your help with this.

gunnar

lmfrench · #4 (**permalink**) 09-16-2007, 04:03 AM

No problem. Here is one of the issues right off the top of the site in your HTML code:

Quote:

Notice that the <img src=""> has file://c...etc. you need to change it to <img src="images/wheat.jpg" /> that will fix one of the problems. The others are all similar such as:

Quote:

<p class="style2"><img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/VargasSite/GoodWebsite/boats.jpg" width="423" height="90" /> <p>  </p>
<p>
<h1>Photos</h1>
<div id="photos"> <img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/VargasSite/fashiontemplate/1051966269_904e983a6d33.jpg" alt="photo" width="80" height="70" /> <img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/VargasSite/maddiecropped.jpg" alt="photo" width="80" height="70" /> <img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/New%20VargasSite/lighthousesmall%20copy.jpg" alt="photo" width="80" height="70" /> <img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/VargasSite/GoodWebsite/002_23A%20(2).JPG" alt="photo" width="80" height="70" />
<img src="file:///C|/Documents%20and%20Settings/ChristopherAlward/Desktop/VargasSite/GoodWebsite/001_25A.JPG" width="80" height="70" /> </div>
</div>

As you can see all of your image files are pointing to your desktop and not your website images folder. You will need to change them all to <img src="images/IMAGENAME.jpg" /> and that should fix most if not all of the problems with the site. Also you should make sure that the images in your CSS are pointed to the correct folder as well. If you would like to have me post the proper HTML code on here, that will not be a problem.

gunnarlarson · #5 (**permalink**) 09-16-2007, 11:45 PM

Lisa....WOW!!! You are marvelous!!! Oh my gosh....where do I begin! I can't thank you enough! You are simply the best! Thank you, thank you, thank you!!!!

...and yes, if you could post the additional code that would just help me out tremendously. Again, I can't thank you enough! You are a wonderful person - it's very generous of you to help so many people out like you do.

gunnar

lmfrench · #6 (**permalink**) 09-17-2007, 01:10 AM

Well thank you so much for your kind words. I am glad that I am able to help others out. You are very welcome.

This is the code you should use for that page as long as all your images are in the "images" folder on your host.

Quote:

<!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>Beach N It</title>
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="header">
<img src="images/wheat.jpg" width="717" height="248" />
<ul>
<li><a href="<A href="http://www.beach-n-it.com/index.html">Home</a></li">http://www.beach-n-it.com/index.html">Home</a></li>
<li><a href="<A href="http://www.beach-n-it.com/aboutus.html">About">http://www.beach-n-it.com/aboutus.html">About Us</a></li>
<li><a href="<A href="http://www.beach-n-it.com/beachhouse.html">Beach">http://www.beach-n-it.com/beachhouse.html">Beach House</a></li>
<li><a href="<A href="http://www.beach-n-it.com/location.html">Location</a></li">http://www.beach-n-it.com/location.html">Location</a></li>
<li><a href="<A href="http://www.beach-n-it.com/schedule.html">Schedule</a></li">http://www.beach-n-it.com/schedule.html">Schedule</a></li>
<li><a href="<A href="http://www.beach-n-it.com/contactus.html">Contact">http://www.beach-n-it.com/contactus.html">Contact us</a></li>
</ul>
<div id="logo_w1">Beach N It </div>
<div id="logo_w2">Rodanthe, NC </div>
<ul>
<li><a href="<A href="http://www.beach-n-it.com/index.html">Home</a></li">http://www.beach-n-it.com/index.html">Home</a></li>
<li><a href="<A href="http://www.beach-n-it.com/aboutus.html">About">http://www.beach-n-it.com/aboutus.html">About Us</a></li>
<li><a href="<A href="http://www.beach-n-it.com/location.html">Location</a></li">http://www.beach-n-it.com/location.html">Location</a></li>
<li><a href="<A href="http://www.beach-n-it.com/beachhouse.html">Beach">http://www.beach-n-it.com/beachhouse.html">Beach House</a></li>
<li><a href="<A href="http://www.beach-n-it.com/blog">Blog</a></li">http://www.beach-n-it.com/blog">Blog</a></li>
<li><a href="<A href="http://www.beach-n-it.com/weather">Weather</a></li">http://www.beach-n-it.com/weather">Weather</a></li>
<li><a href="<A href="http://www.beach-n-it.com/contactus">Contact">http://www.beach-n-it.com/contactus">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h1>Favorite Attractions </h1>

<p>It's no seacret, we love the Outer Banks. There are hundreds of attractions for everyone in the family to enjoy. Here, we've collected our favortes and shared them with you, so you and your family can enjoy them too!</p>
<p> </p>
<p class="style1">- Rodanthe Pier: </p>
<p>The Rodanthe Pier is just steps from Beach N It. Filled with fishing memorablia and stories of the ocean, it's a must see for all the water lovers out there. Access to the pier is $1.00 for all day viewing, and extra to fish off it. </p>
<p>There's an acrade for the little ones, and pool tables for the older ones. Drinks, snacks, household items, even souviners are all offered at Rodanthe Pier.</p>
<p class="style1">- Cape Hatteras Lighthouse: </p>
<p>The Cape Hatteras Lighthouse is located on the Cape Hatteras National Seashore, in Cape Hatteras. Just a 25 min drive south of Beach N It, it's a historical sight that's worth the drive. Access to the lighthouse is $7.00 for adults, and $4.00 for the kids. You can climb to the top of the lighthouse (no elevators) and stand in the cage to see views for miles and miles. The working light can be seen from 19 miles away. The Cape Hatteras Lighthouse, which made history when it was moved 845 feet in 2004, is stil in use today. Don't miss this fascinating and hostorical piece of the Outer Banks.</p>
<p class="style1">- The Outer Banks Aquarium:</p>
<p class="style1"> </p>
<p class="style1">- Oregon Inlet:</p>
<p class="style2">Oregon Inlet, located just across the bridge is a great place to take the kids to see some of the biggest fish they'll ever see! From big eye tuna, yellow fin tuna, blue marlin, dolphin, wahoo and sail fish, it's sure to captivate the little ones. Oregon Inlet houses a fleet of million dollar vessels that are not only enjoyable to watch as they un-load the day's catch, but impressive to see the many shapes and sizes they come in. If you're intrested in taking an off-shore fishing excursion, or even a half day in-shore boat ride, Oregon Inlet is the place for you, so book a trip today, you won't forget it!<a href="http://www.oregoninlet.com" class="style1"> Oregon Inlet </a></p>
<p class="style2"><img src="images/boats.jpg" width="423" height="90" /></p>
<p>  </p>
<p>
<h1>Photos</h1>
<div id="photos"> <img src="images/1051966269_904e983a6d33.jpg" alt="photo" width="80" height="70" /> <img src="images/maddiecropped.jpg" alt="photo" width="80" height="70" /> <img src="images/lighthousesmall%20copy.jpg" alt="photo" width="80" height="70" /> <img src="images/002_23A%20(2).JPG" alt="photo" width="80" height="70" />
<img src="images/001_25A.JPG" width="80" height="70" /> </div>
</div>
<div id="right">
<h2>Latest news</h2>
<a href="<A href="http://www.beach-n-it.com/favoriteattractions.html">Favorite">http://www.beach-n-it.com/favoriteattractions.html">Favorite Attractions</a>
<p>These are just a few of our favorite spots in Rodanthe and in surrounding areas. Restaurants, attractions...and of course the piers.</p>
<a href="<A href="http://www.beach-n-it.com/shareyourpictures.html">Share">http://www.beach-n-it.com/shareyourpictures.html">Share Your Pictures</a>
<p>Have great pictures from your vacation at Beach N It, share-em! View and upload pics here. </p>
<a href="<A href="http://www.beach-n-it.com/mapsanddirections.html">Maps">http://www.beach-n-it.com/mapsanddirections.html">Maps & Directions</a>
<p>Here's a great list of maps and directions to everything worth seeing in Rodanthe, and the Outer Banks.</p>
</div>
<div id="footerline"></div>
</div>

<div id="footer">Copyright © 2007 Vargas and Associates. All rights reserved.</div>
</div>
</body>
</html>

If you need help with additional pages, or it this doesn't work for some reason let me know. I took a look at your CSS file and it is just fine.

lmfrench · #7 (**permalink**) 09-17-2007, 01:12 AM

Oh, your index.html needs to be replaced with this as well, in order to be able to view your "home" page:

Quote:

<!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>Beach N It</title>
</head>
<body>
<div id="container">
<div id="header">
<img src="images/roofline.jpg" width="717" height="248" />
<div id="logo_w1">Beach N It </div>
<div id="logo_w2">Rodanthe, NC </div>
<ul>
<li><a href="<A href="http://www.beach-n-it.com/index.html">Home</a></li">http://www.beach-n-it.com/index.html">Home</a></li>
<li><a href="<A href="http://www.beach-n-it.com/aboutus.html">About">http://www.beach-n-it.com/aboutus.html">About Us</a></li>
<li><a href="<A href="http://www.beach-n-it.com/location.html">Location</a></li">http://www.beach-n-it.com/location.html">Location</a></li>
<li><a href="<A href="http://www.beach-n-it.com/beachhouse.html">Beach">http://www.beach-n-it.com/beachhouse.html">Beach House</a></li>
<li><a href="<A href="http://www.beach-n-it.com/blog">Blog</a></li">http://www.beach-n-it.com/blog">Blog</a></li>
<li><a href="<A href="http://www.beach-n-it.com/weather">Weather</a></li">http://www.beach-n-it.com/weather">Weather</a></li>
<li><a href="<A href="http://www.beach-n-it.com/contactus">Contact">http://www.beach-n-it.com/contactus">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h1>Welcome to Gabe and Celina's beach house! </h1>

<p>Beach N It is located in the Outer Banks of North Carolina, in the great city of Rodanthe. With awesome ocean views and warm summer breeze's, you're sure to love it as much as we do. </p>
<p>We've included on our site some great features that allow you, our guest, to check availability, see and share vacation photo's, tour the house, and check out some of our favorite places and attractions. Not only that, but we've devloped a blog where you can share and read about everyone's vacation memories. So come on down, the waters great!</p>
<h1>Photos</h1>
<div id="photos"> <img src="images/1051966269_904e983a6d33.jpg" alt="photo" width="80" height="70" /> <img src="images/maddiecropped.jpg" alt="photo" width="80" height="70" /> <img src="images/lighthousesmall%20copy.jpg" alt="photo" width="80" height="70" /> <img src="images/003_22A%20(2).JPG" width="80" height="70" />
<img src="images/004_21A.JPG" width="80" height="70" /> </div>
</div>
<div id="right">
<h2>Latest news</h2>
<a href="<A href="http://www.beach-n-it.com/favoriteattractions.html">Favorite">http://www.beach-n-it.com/favoriteattractions.html">Favorite Attractions</a>
<p>These are just a few of our favorite spots in Rodanthe and in surrounding areas. Restaurants, attractions...and of course the piers.</p>
<a href="<A href="http://www.beach-n-it.com/shareyourpictures.html">Share">http://www.beach-n-it.com/shareyourpictures.html">Share Your Pictures</a>
<p>Have great pictures from your vacation at Beach N It, share-em! View and upload pics here. </p>
<a href="<A href="http://www.beach-n-it.com/mapsanddirections.html">Maps">http://www.beach-n-it.com/mapsanddirections.html">Maps & Directions</a>
<p>Here's a great list of maps and directions to everything worth seeing in Rodanthe, and the Outer Banks.</p>
</div>
<div id="footerline"></div>
</div>

<div id="footer">Copyright © 2007 Vargas and Associates. All rights reserved.</div>
</div>
</body>
</html>

gunnarlarson · #8 (**permalink**) 09-18-2007, 02:16 PM

Hi Lisa, as awlways, thanks for all your great help.

Well, I did what you said and pointed all my image files to ...."image/filename.jpg"....etc. and in Dreamweaver it all looks great, beautiful actually! But when I publish the darn thing it doesn't render. The format - outline anyway - of the page is there, but the pics don't load, the background colors don't properly load...it's a mess. The link are working - and for some reason, one of my pages continually fails to load altogether...argh!! I'm using FTP to load and everything seems to upload successfully. I can see it in my hosting directory, but when I open it in a browser, it all looks like crap. Can you help me one last time please? The site again is www.beach-n-it.com

Thank you very very very very VERY much Lisa!!!!!

Gunnar

lmfrench · #9 (**permalink**) 09-18-2007, 04:18 PM

No problem...it seems that your style.css is missing. It should be on the same level as your index.html, so should your images folder. If you aren't opposed PM me your FTP information and I will take a look at how everything is set up and fix the problem for you.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode