Printable View
hey guys: :rolleyes: trust me I have searched Antionline, Google and numerous html tutorials...
My Question : "How do you change your website to open in say a 600 pixel wide window instead of a full width one?"
Would this be a stupid idea, as people might dismiss my page as a popup and close it straight away, without a second thought. Thanks everyone...
- Prankster
if you use the icon on the desktop, or the quick-launch icon you should be able to right-click it, choose properties. Then where it says "run" choose maximized. Hope this helps.
Here is something to try: http://javascript.internet.com/gener...up-window.html
I do not know how you want the page to look, but this is the code it generated in JavaScript:
<!-- TWO STEPS TO INSTALL POPUP WINDOW:
1. Paste the first into the HEAD of your HTML document
2. Use the code to open the popup page on your site -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=480,left = 100,top = 60');");
}
// End -->
</script>
Open the Popup Window
My suggestion would be to announce to your viewers the website is going to be in another window, and IMHO, this is potential for problems for people that do not like pop-up's. However, if you really think this through, you can pull it off.
What do you want your page to do, exactly?
ArmyOfOne: I was just looking for a line of code to inset into my webpage to make it open in a window 600 pixels (for example) wide.
alittlebitnumb: Thanks for the link, I don't actually want to make a popup window, but i'd like my website to look good in all resolutions. So I thought why not make it open in a set-size window, so it looks the same on any resolution.
Thankyou both ;-)
-Prankster
Then that will require more than JS code :) When you make your site, make sure your tables are not fixed (try using percentages and not pixels) and when people view your web site in different resolutions, it can "resize" itself, but you need to realize you have to account for pictures, banners and the like. I have made web sites in my day that I thought looked good, but looked like garbage on another machine in a different resolution.Quote:
I don't actually want to make a popup window, but i'd like my website to look good in all resolutions
I am making a site for a client here www.theeinkcup.com and so far, the resolution works for 800x600, 640x480 and 1024x768. Maybe you wanna take a gander at the code. I used the tables like I mentioned...
For HTML coding gurus: The site ain't perfect!
thankyou, I'll have a look and see what I can come up with, I suppose, I could just have a box at the start where you choose your reolution, although I suppose that might annoy the viewers, haveing to choose their resoulution each time.
Thanks - Prankster
imho...i think you're looking at the problem from the wrong angle...don't make users fit your web page...make your web page fit your users...
design your site using a combination of dynamic and static tables the easiest way to do this is:
if you want to set a minimum width of the outer table add a transparent gifCode:<table width ="100%">
<tr>
<td>
<table width="200">
<tr><td>this is my fixed width menu bar. it's always the same size
</td>
</tr>
</table>
</td>
<td>
This is my variable width main content. it will size to fill the screen
</td>
</tr>
</table>
</td>
</tr>
</table>
Code:<table width ="100%">
<tr>
<td>
<img src ="blank.gif" width="600" height="1">
</td>
</tr>
<tr>
<td>
<table width="200">
<tr><td>this is my fixed width menu bar. it's always the same size
</td>
</tr>
</table>
</td>
<td>
This is my variable width main content. it will size to fill the screen
</td>
</tr>
</table>
</td>
</tr>
</table>
Prankster, you might want to delve into the world of Cascading StyleSheets. You can do a lot with CSS towards getting your site so that it looks great at any resolution.
Most sites though, are better off designed to 800x600, and anything larger is just extra space.
At least IMO.
thankyou, I may have a look into all that when I have some more time, I've got coursework and a review to write for a website at the moment, and my two tutorials for here.
I just thought there might be one line of code I could insert.
Cheers everybody ;-)
PS: Anyone else noticed the icon for this thread keeps changing? It used to be a :-) but at the moment it's just a plain peice of paper (or whatever that thing is). Might just be my PC. :-)
I would actually either use CSS to specify the individual elements' widths & margins, or use a fixed table of 600-800 pixels, or a combination of the two. I feel that gives me the best control over the page layout on everyone's browsers. I tend to think that using screen percentages takes away too much of my control on the final screen presentation in ultra-small (below 600 pixel) and larger (over 800 pixel) screen widths. I usually plan my page layout with margins that will look good if someone views them in something like a 1,000 pixel wide screen and think that the small amount of users with very small screen widths don't mind having a horizontal scroll bar. That's just my opinion; I'm sure you'll develop your own style as you go along. If you're really concerned with this, look into CSS.
Is this what you're looking for?
Code:
<script language="JavaScript">
sw = screen.availWidth;
if (sw == 640) { x1 = 620; y1 = 460; };
if (sw == 800) { x1 = 765; y1 = 570; };
if (sw == 1024){ x1 = 800; y1 = 650; };
self.moveTo(10,10);
self.resizeTo(x1,y1);
</script>
I usually set a primary table width of about 750 pixels. That way no matter how they size the window it will still look good (even at 8*6 resolution).
Javascript to pop up a window to your site will work, but it can be annoying and not everyone will support it.
Like chsh said....css is the way to go. :)