I built a 800 x 600 website in Dreamweaver. I now want it 1024 x 768. Can that be done without rebuilding the website?

Report · Apr 21, 2009

Report · Apr 21, 2009

Wow. I am responding to your question because I like to help and because you sound like a ton of people in my class at college that I was forced to take and my teacher won't let me help them. Yes it is "possible" depending on how the site was built. If we are talking a basic image sliced and mapped then yes just resize the image in photoshop to 1024 by 768. If we are talking CSS divs and HTML you can just turn on your ruler and make the divs bigger on each page. It wouldn't take that long if you don't have thousands of pages. If you are using a table it is the same as css. NOTE: tables are for tabular data not an easy way to design a website.

Report · Apr 22, 2009

Honestly, it depends on how you built your site. Would need to see a link to give better suggestions. Meanwhile, you could start by creating a CSS container for your site like so:

body {

width: 1000px; /**this will show 1024 display without horizontal scrollbars**/

margin: 0 auto /**this centers page on screen**/

padding: 0;

}

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Apr 22, 2009

Thank you very much for your reply. I tried it and it didn't appear to make a change. The link to the site is http://www.tgicinsurance.com/ If you can please check it out and give some guidance.

Dave C.

Report · Apr 22, 2009

looking at the source of your site
it looks like you have a css page

have you looked at the file,style.css,and made any width changes to <body> tag?

you also have several <table> & <td> tags with width assignments.

you also have a flash <object> tag with a width.

Report · Apr 24, 2009

Dave,

This is my css, what should I do?

body

.copy {

font-family: Tahoma;

font-size: 11px;

line-height: 12px;

color: #7B7979;

text-decoration: none;

}

.select {

font-family: Tahoma;

font-size: 10px;

line-height: 12px;

color: #7D7D7D;

background-color: #FFFFFF;

height: 17px;

width: 106px;

border: 1px solid #CDCDCD;

}

.text_1 {

font-family: Tahoma;

font-size: 11px;

line-height: 12px;

color: #886600;

}

.text_2 {

font-family: Tahoma;

font-size: 11px;

line-height: 13px;

color: #828282;

}

.link_1 {

font-family: Tahoma;

font-size: 11px;

line-height: 12px;

color: #5C89C9;

}

.form_1 {

font-family: Tahoma;

font-size: 11px;

line-height: 12px;

background-color: #FFFFFF;

height: 17px;

width: 228px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-top-color: #616161;

border-right-color: #D4D0C8;

border-bottom-color: #D4D0C8;

}

.form_2 {

font-family: Tahoma;

font-size: 11px;

line-height: 12px;

background-color: #FFFFFF;

height: 65px;

width: 228px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-top-color: #616161;

border-right-color: #D4D0C8;

border-bottom-color: #D4D0C8;

overflow:auto;

}

Report · Apr 23, 2009

If you understand how you built what you have, then you should have no trouble.

If you use tables, which you really shouldn't, then simply change the width of the table. If you use CSS, change the size of the out most div that wraps the layout. If you designed in css, changing one file will change the entire site. If you used tables, you'll have to do this to every page.

Report · Apr 24, 2009

What about the images? D I need to go back and resize them all?

Report · Apr 24, 2009

Yes, if you want them to fill the width of the page.