Help - Search - Members - Calendar
Full Version: How to resize page
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
newbie gal
Hi ya all,

I've done with my very first single web page. But when I preview it on IE, it's so big. I have to scroll up and down to see the entire page. How can I resize it to fit standard viewing size?
aspmkt
Post the link to the page or the coding. This isn't my area of expertise, but I know they won't be able to help you without that.
newbie gal
QUOTE(aspmkt @ Oct 30 2009, 01:58 PM) *

Post the link to the page or the coding. This isn't my area of expertise, but I know they won't be able to help you without that.


I still can't do that because everythings done on local HD. I don't have a web server set-up (don't know how to) so I haven't been able to upload the files for outside people to view, unfortunately.
pandy
I guess that DW has used a fixed width and that that width is too large. I can tell you what to do in HTML, but I can't tell you what button to push in DW. You don't know how to edit the HTML, so I guess we are pretty much stuck.
aspmkt
can you open the page in code view and copy and paste that text up? Or attach both the file and css as attachments? Really without seeing how your page is set up (tables, frames, divs) there isn't a good way to explain it. The only thing you can try, is in the code side depending on what you're doing click right after the item <table> <frame> <frameset> <div> type in width and see if that gives you the option to set the width. Then enter a number such as 800px (I've found that's a good number for most screen resolutions). Here are some examples from my pages...

<table width="99%" border="0" align="left" style="vertical-align:top">

<table width="830" border="0" align="left" cellpadding="0" cellspacing="0" id="noborder">

You should be able to change pretty much anything this way, but sometimes it's not like this. It will have to be changed somewhere else, in css or in styles or something. If you post your code, someone maybe able to give you the exact code to change and what to change it out with.
newbie gal
QUOTE(aspmkt @ Oct 30 2009, 02:20 PM) *

can you open the page in code view and copy and paste that text up? Or attach both the file and css as attachments? Really without seeing how your page is set up (tables, frames, divs) there isn't a good way to explain it. The only thing you can try, is in the code side depending on what you're doing click right after the item <table> <frame> <frameset> <div> type in width and see if that gives you the option to set the width. Then enter a number such as 800px (I've found that's a good number for most screen resolutions). Here are some examples from my pages...

<table width="99%" border="0" align="left" style="vertical-align:top">

<table width="830" border="0" align="left" cellpadding="0" cellspacing="0" id="noborder">

You should be able to change pretty much anything this way, but sometimes it's not like this. It will have to be changed somewhere else, in css or in styles or something. If you post your code, someone maybe able to give you the exact code to change and what to change it out with.



Hi,

I think this is the code. The img src=" Images/Heading...is my background image. It's pretty much the same size as the table.

<table width="2385" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="1742" showgridx showgridy usegridx usegridy>
<tr height="1741">
<td width="2384" height="1741" valign="top" align="left" xpos="0"><a onMouseDown="changeImages( /*CMP*/'HeadingNewsPaper',/*URL*/'(EmptyReference!)');return true" onMouseUp="changeImages( /*CMP*/'HeadingNewsPaper',/*URL*/'(EmptyReference!)');return true" onMouseOver="changeImages( /*CMP*/'HeadingNewsPaper',/*URL*/'(EmptyReference!)');return true" onMouseOut="changeImages( /*CMP*/'HeadingNewsPaper',/*URL*/'Images/HeadingNewsPaper.jpg');return true" href="http://www.aaadvertising.com/"><img src="Images/HeadingNewsPaper.jpg" alt="" name="HeadingNewsPaper" height="1739" width="2384" border="0"></a></td>
<td width="1" height="1741"><spacer type="block" width="1" height="1741"></td>
</tr>
<tr height="1" cntrlrow>
<td width="2384" height="1"><spacer type="block" width="2384" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
aspmkt
Do you see all the area's where you have

width="2385"

and

height="1739"

Most screens are like 1280wx800h or 900wx680h so the computer is automatically going to size it down to the max that it can do or add scroll bars to the bottom. You should have the width set to something between 600px and 1000px (1000px is really wide). If you look at the top of the page in dreamweaver you should have a ruler. See how wide your content is and try setting it to that. You could probably just delete out the height part. It doesn't really matter it's just people are going to scroll down a lot of nothing if your content isn't 1739px long.

Change the width to

width="800px" (or change 800 to your best guess based on the dreamweaver ruler.
aspmkt
By the way, I hope you don't take this offensively. I was once a newbie and am still nowhere close to Pandy, Darren (*Sorry* Darin) and the others that mainly help on this site.

I started in Dreamweaver/Frontpage, thinking they were WYSIWYG editors and I wouldn't need to know any coding. I was drastically incorrect. This site has been a great help when I run into something I absolutely can not fix, but there are two other sites that help me with the basics and some of the intermediate coding, so these folks don't have to constantly help me out.

http://www.w3schools.com/

They have free info on pretty much any coding language you could want.

Also, this site has tutorials specifically for Dreamweaver (and a few other things)

http://www.thesitewizard.com/gettingstarte...amweaver1.shtml

I know you said you have CS4, (this is for CS3) but the concepts are still going to be the same, the options just may not be in the same place.
pandy
QUOTE(aspmkt @ Oct 30 2009, 09:15 PM) *

so these folks don't have to constantly help me out.


Seeing you have 8 posts, what was your name before when we helped you? Yes, I'm curious and I'm not ashamed of it either! biggrin.gif

You should know that newbie gal is creating a n HTML mail, not a web page, which makes a fixed width worse than usual.
aspmkt
QUOTE(pandy @ Oct 30 2009, 03:52 PM) *

QUOTE(aspmkt @ Oct 30 2009, 09:15 PM) *

so these folks don't have to constantly help me out.


Seeing you have 8 posts, what was your name before when we helped you? Yes, I'm curious and I'm not ashamed of it either! biggrin.gif

You should know that newbie gal is creating a n HTML mail, not a web page, which makes a fixed width worse than usual.


I couldn't remember my log in or password I think it was aspmkt09. I couldn't figure out what I had set up and I had cleared my cache of passwords so it wasn't automatically logging me in.

I had CSS issues my first time, I believe you helped me with that and several other items since then. The pages are exactly what we were looking for now, thanks to you guys and those two sites. I'm a graphic designer and marketing analyst, not really a web developer. But due to budgets, we couldn't hire out the pages, so here I am. The photoshop part was right up my alley though.
newbie gal
QUOTE(aspmkt @ Oct 30 2009, 03:59 PM) *

QUOTE(pandy @ Oct 30 2009, 03:52 PM) *

QUOTE(aspmkt @ Oct 30 2009, 09:15 PM) *

so these folks don't have to constantly help me out.


Seeing you have 8 posts, what was your name before when we helped you? Yes, I'm curious and I'm not ashamed of it either! biggrin.gif

You should know that newbie gal is creating a n HTML mail, not a web page, which makes a fixed width worse than usual.


I couldn't remember my log in or password I think it was aspmkt09. I couldn't figure out what I had set up and I had cleared my cache of passwords so it wasn't automatically logging me in.

I had CSS issues my first time, I believe you helped me with that and several other items since then. The pages are exactly what we were looking for now, thanks to you guys and those two sites. I'm a graphic designer and marketing analyst, not really a web developer. But due to budgets, we couldn't hire out the pages, so here I am. The photoshop part was right up my alley though.


Ok.So I'm trying the code thing, and I think I'm beginning to get the hang of it. I changed the width and height like you mentioned and the viewing page did change. THANK YOU!!! smile.gif I guess we're pretty much on the same boat. I'm a graphics designer myself and they want this thing done inhouse. And yes, this forum has helped me alot!!! But I still have yet to figure out because I am doing an HTML email not a website/webpage.
danieltooop
you can resize the window very easily by inserting this code into the <head> element of your page:

<script>
window.resizeTo(width, height);
</script>


----------------------------------------------
Web Development services
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.