Help!!

[DjVaGGo]

Hey guys..Im new to web design,I mostly focus on Netowrk security and that stuff.anyway I have decided to host and create my own site using Apache and Dreamweaver for the design portion so I can be able to promote my music,etc

So to get to the point...my home page is ok,loads up fine and everything..on one of the other pages of my site...it always seems to come out weird

This is how it looks during preview and how its supposed to look like:


This is how it turns out in the internet browser:


Any help will be really appreciated..this has me really frustrated

btw url to my site is http://vaggo.servehttp.com
its the habitat for humanity page that has the problem

[XS-NRG]

Is is a pathing issue where your CSS and image files aren't loading correctly?

[DjVaGGo]

Thats what it looks...what would I have to do to make this work..link to a specific directory? where both css files and the html are both located in?
And thanks for the reply

[XS-NRG]

Well I don't know how your apache is setup but stick everything in your htdocs folder, or if you have Virtual Hosts setup stick everything into the appropriate folder.

As a standard application you should create a sub folder called images and another for css and the same for javascript etc.

All pathing should reference the root of the web directory so when you do an image it would be <img src="/images/whatever.jpg"> Note the first forward slash in front of images. That tells it to start at the root then go into the images folder then the image whatever.jpg. The same application applies for all images and any internal links pointing to downloadable like pdf, word, other web pages, javascript, css etc (everything).

I see too many people that do links like this: <img src="../../../whatever/image.jpg"> <---- which is stupid. Go back 3 folders then into the folder called whatever. When you path to the root first all the time you can't go wrong.

You will run into too many probs (like when using frames and includes if you use PHP etc) when you don't do absolute pathing. Use it all the time and you won't have any probs.

Hopefully that will help you out.

[HudsonHawk]

just looked at your source for a Untitled-1.html and i noticed that your stylesheets are linked to your C drive...

file:///C|/Program%20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/styles/emx_nav_left.css

[DjVaGGo]

Hey XS-NRG

Thanks a lot for your help...your right...and the way you explained it makes perfect sense...I just stuck the index and its corresponding css and image files right at the httdocs and it works...thanks

BTW...now for my sub pages...in those folders,will I have to do the same thing in those folders..so like for my music page..in that folder have the html file and its css and image files?...and what should I call it...not index right?
Anyway you have helped me out a lot...thanks man

[DjVaGGo]

Originally Posted by HudsonHawk

just looked at your source for a Untitled-1.html and i noticed that your stylesheets are linked to your C drive...

file:///C|/Program%20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/PageDesigns/styles/emx_nav_left.css

Yea..I should put them all in my apache directory right?

[HudsonHawk]

Originally Posted by DjVaGGo

Yea..I should put them all in my apache directory right?

as long as they're linked correctly it doesnt matter where they are as long as they're on the web rather then your hard drive.

[DjVaGGo]

Originally Posted by HudsonHawk

as long as they're linked correctly it doesnt matter where they are as long as they're on the web rather then your hard drive.

Ok,makes sense lol....ill start working on them again...but I wanted to thank you both for your responses and all your help

[DjVaGGo]

For those of you that helped me...my sites like 90% done...just have like 2 pages to go...but the hard part is over thanks to the help I got here

check it out now
http://vaggo.servehttp.com