logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 06-06-2009, 01:35 PM   #1
richefc1878
 
Join Date: Jun 2009
Posts: 7
Default Help With Website!

Hi,

I have made this website through Dreamweaver and was hoping for some advice.

http://www.sunvalleyapartments.co.uk/

When i have published some of the pages on the website, the writing and photos seem to overlap each other when it has been published, it does not do this in the F12 Preview in Dreamweaver however, i was wondering how i can adjust so the writing and photos are seperated?

Thanks

Rich
richefc1878 is offline   Reply With Quote
Old 06-07-2009, 09:01 PM   #2
richefc1878
 
Join Date: Jun 2009
Posts: 7
Default Urgent Help Please!!!

If anyone could help asap that would be great thanks

Rich
richefc1878 is offline   Reply With Quote
Old 06-08-2009, 10:18 AM   #3
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Hi Rich

I've had a look at the site and I'm afraid that, fundamentally, your approach is flawed. The width of the site on some pages means you have to scroll right to read the content and you have used tables combined with apdivs/layers for layout which is going to cause multiple issues in itself.

If you have the time/inclination to learn the correct way to design a website then we will be happy to give you some guidance but you'll have to start again IMO.

Otherwise, have you considered hiring a web designer?

This is just my opinion of course!
Corrosive is offline   Reply With Quote
Old 06-08-2009, 11:10 AM   #4
cocoonfx
cocoonfx's Avatar
 
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default

You don't need to hire a web design or start form scratch.

Make the navigation button area smaller, and think about reducing the size of all the tables or using a CSS style sheets and some buttons. Also reduce the size of the picture of the villa. You have it at 576px 389px i would make it width 300 px at least.

Change the font from Times New Roman to another font, it will make the site look better instantly.

I normally set my website to 1084 px wide yours i think is alot larger.

Your using tables this can limit what you can do with regards to layout. I would recommend learning some CSS which makes changing and tweaking the sites a lot better. There is loads of posts on this forum which can get you started on CSS.
cocoonfx is offline   Reply With Quote
Old 06-08-2009, 03:43 PM   #5
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

Quote:
Originally Posted by cocoonfx View Post
You don't need to hire a web design or start form scratch.

Make the navigation button area smaller, and think about reducing the size of all the tables or using a CSS style sheets and some buttons. Also reduce the size of the picture of the villa. You have it at 576px 389px i would make it width 300 px at least.

Change the font from Times New Roman to another font, it will make the site look better instantly.

I normally set my website to 1084 px wide yours i think is alot larger.

Your using tables this can limit what you can do with regards to layout. I would recommend learning some CSS which makes changing and tweaking the sites a lot better. There is loads of posts on this forum which can get you started on CSS.
that *is* pretty much starting from scratch wouldn't you say? change the way it's built, the look, the fonts...

i'm with corrosive on this one

p.s. you (the op) need to resize your images to the proper size in an image editor too!
d a v e is offline   Reply With Quote
Old 06-08-2009, 05:19 PM   #6
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by d a v e View Post
that *is* pretty much starting from scratch wouldn't you say? change the way it's built, the look, the fonts...

i'm with corrosive on this one
That's good to hear...I thought I was cracking up when I read Cocoon's reply!
Corrosive is offline   Reply With Quote
Old 06-08-2009, 05:21 PM   #7
richefc1878
 
Join Date: Jun 2009
Posts: 7
Default Thanks :)

Thanks for the replys.

How do i make the widths of the pages smaller in px?

I will look into CSS pages also.

Thanks

Rich
richefc1878 is offline   Reply With Quote
Old 06-08-2009, 05:39 PM   #8
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

The usual method is to create a wrapper div and then set the size of that with CSS and built your website inside that.

For instance...

CSS:

Code:
#wrapper {
margin-left: auto;
margin-right: auto;
width: 900px; <<< this can be changed to 100% width if you want it to fill the browser window
}
Then the HTML

Code:
<div id="wrapper>The entire content of your website goes here</div>
Hope this helps
Corrosive is offline   Reply With Quote
Old 06-08-2009, 05:44 PM   #9
richefc1878
 
Join Date: Jun 2009
Posts: 7
Default

Thanks Corrosive
richefc1878 is offline   Reply With Quote
Old 06-08-2009, 05:57 PM   #10
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by richefc1878 View Post
Thanks Corrosive
No problem at all. I should probably add that the code goes between the <body> tags. Don't 'wrap' the <head> tags.

The rest still stands as well. You have multiple issues with your layout.
Corrosive is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:39 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com