Forums
This topic is locked
HELP! No clue what I'm doing.... :)
Posted 22 Jun 2004 03:47:38
1
has voted
22 Jun 2004 03:47:38 David Yanofsky posted:
OK... here's my website:www.greenroomeast.com
A friend made it for me, but I think he did it for 1024 by 768 res... I don't like how the graphics at the bottom of the screen (whenever I open the page at 800 by 600 or if I have different toolbars running) gets cut off a bit... I have to keep scrolling down on each page to see all the content... How do I make it so that webpage resizes itself to whatever resolution is being used, or if windowed and the user shrings the window? Or, maybe even convert the webpage to 800 by 600? I heard somewheres it might be the difference between him making the page using pixels instead of percentage but I have no sweet clue... Can anyone help me with this?
Dave
Replies
Replied 22 Jun 2004 16:24:50
22 Jun 2004 16:24:50 Simon Martin replied:
I see what you mean.
From the sounds of things you want a fluid layout - one that resizes acording to the space available. This can be achieved with the frames version of the site, but you might find it easier to move to a table based layout. Using tables for layout is relatively easy - but not advocated these days.
If you look on the DMXzone homepage there is a good article about how the site was redeveloped using CSS and XHTML. It includes code that you could adapt for your needs. Or pay a quick visit to www.bluerobot.com/ as they have some easy to use CSS layouts.
HTH
Simon
From the sounds of things you want a fluid layout - one that resizes acording to the space available. This can be achieved with the frames version of the site, but you might find it easier to move to a table based layout. Using tables for layout is relatively easy - but not advocated these days.
If you look on the DMXzone homepage there is a good article about how the site was redeveloped using CSS and XHTML. It includes code that you could adapt for your needs. Or pay a quick visit to www.bluerobot.com/ as they have some easy to use CSS layouts.
HTH
Simon
Replied 23 Jun 2004 17:19:06
23 Jun 2004 17:19:06 David Yanofsky replied:
I sat down in Dreamweaver, and as a quick fix so the website would load OK for 800/600 resolution I manually moved each object on each page of my site so that it fits well with 800 by 600. It just looks more in the top-left middle now for 1024 by 768. So now, I'm thinking what I might try, but could use some assistance, is the technique for keeping the page centered all the time, and when a window is shrunk horizontally, the content stays centered but moves as the window is shrunk... My problem is, I don't know if I can do this with my existing website, or if it has to be done from scratch? Can someone look at the html files and let me know if this is do-able?
www.greenroomeast.com
Dave
www.greenroomeast.com
Dave
Replied 23 Jun 2004 18:17:07
23 Jun 2004 18:17:07 Simon Martin replied:
Dave,
working with the frames you could have a fixed 'content' area and allow borders to be dynamic.
My code below will give you a frameset that keeps the middle or content area on the centre of the window - so it dynamically resizes itself for you. I have set the content area to be 790x500 to keep it to a size that will work on an 800x600 screen
If you stick the code between <body> and </body> tags of your index.htm page that will define the layout of your site.
You will need to create the spacer.htm page it refers to as well as the content.htm page that is loaded initially.
Then any links you click need to point to the content id frame to load in there for you
<frameset rows="*,500,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="top" scrolling="NO" noresize id="top" >
<frameset cols="*,790,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="left" id="left" frameborder="0" scrolling="no" noresize id="left">
<frame src="content.htm" name="content" frameborder="0" scrolling="no" noresize id="content">
<frame src="spacer.htm" name="right" frameborder="0" scrolling="no" noresize id="right">
</frameset>
<frame src="spacer.htm" name="bottom" frameborder="0" scrolling="no" noresize id="bottom">
</frameset>
<noframes>
</noframes>
Simon
Edited by - ganseki on 23 Jun 2004 18:18:48
working with the frames you could have a fixed 'content' area and allow borders to be dynamic.
My code below will give you a frameset that keeps the middle or content area on the centre of the window - so it dynamically resizes itself for you. I have set the content area to be 790x500 to keep it to a size that will work on an 800x600 screen
If you stick the code between <body> and </body> tags of your index.htm page that will define the layout of your site.
You will need to create the spacer.htm page it refers to as well as the content.htm page that is loaded initially.
Then any links you click need to point to the content id frame to load in there for you
<frameset rows="*,500,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="top" scrolling="NO" noresize id="top" >
<frameset cols="*,790,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="left" id="left" frameborder="0" scrolling="no" noresize id="left">
<frame src="content.htm" name="content" frameborder="0" scrolling="no" noresize id="content">
<frame src="spacer.htm" name="right" frameborder="0" scrolling="no" noresize id="right">
</frameset>
<frame src="spacer.htm" name="bottom" frameborder="0" scrolling="no" noresize id="bottom">
</frameset>
<noframes>
</noframes>
Simon
Edited by - ganseki on 23 Jun 2004 18:18:48
Replied 24 Jun 2004 18:08:00
24 Jun 2004 18:08:00 David Yanofsky replied:
Thanks for the code... I'm totally new at this tho, and so don't know how to create a spacer.htm or content.htm file... <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle> What exactly are those? and are there any tutorials about making them?
And another thing, with the difference between frames and tables... Can I just insert frames and tables over top of my existing website? or like I said before do I have to build it up from scratch? Someone at work showed me the deal with Tables and how it might help, but I don't know about frames at all... Basically the main thing i'd want is for the little Microphone graphic, and the Green Room East text at the lower left always be at the lower left corner of the webpage no matter the res or window sized, for now... I can live with the graphics at the top and center to stay how they are...
Dave
Edited by - RRabbi on 24 Jun 2004 18:15:32
And another thing, with the difference between frames and tables... Can I just insert frames and tables over top of my existing website? or like I said before do I have to build it up from scratch? Someone at work showed me the deal with Tables and how it might help, but I don't know about frames at all... Basically the main thing i'd want is for the little Microphone graphic, and the Green Room East text at the lower left always be at the lower left corner of the webpage no matter the res or window sized, for now... I can live with the graphics at the top and center to stay how they are...
Dave
Edited by - RRabbi on 24 Jun 2004 18:15:32
Replied 25 Jun 2004 12:22:39
25 Jun 2004 12:22:39 Simon Martin replied:
Sorry - my bad!
Personally I find frames the hardest of the 3 main methods of laying out a site, I'll try to explain:
Basically you have a single page that is broken up into sections - each of which can have its own content that can load in without having to reload the whole page. For this reason frames are often used for navigation and header areas.
I've amended the code I gave so that its now creates an index.htm page split into 4 areas - top, left, right and content. So that your content will always stick to the bottom of the screen.
The area given to each section is defined by either a fixed number or * which means take up all available space - and it is that which allows the resizing of the screen. The content area is fixed to a size that will display on an 800x600 screen.
Spacer.htm is just a web page that is loaded into the areas other than content. Just make a new page with nothing on it and save it as spacer.htm Content.htm should be the 1st page that you want to load up. Then just make your other pages (working at 800x600) and when you make your links between the pages you need to give a target (its in properties panel) for the page to load in - you want to load them into content.
On another note:
You could insert tables or frames into your existing site - but that wouldnt help with the layout you currently have.
Tables are easy to use for layout and if you've been shown how you can use them for layout then I would go with that option. Though as I said CSS layouts are preferred as they keep design and content seperate.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Your Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="*,500" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="top" scrolling="NO" noresize id="top" >
<frameset cols="*,790,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="left" id="left" frameborder="0" scrolling="no" noresize id="left">
<frame src="content.htm" name="content" frameborder="0" scrolling="no" noresize id="content">
<frame src="spacer.htm" name="right" frameborder="0" scrolling="no" noresize id="right">
</frameset>
</frameset>
<noframes>
</noframes>
</body>
</html>
Sharing knowledge saves valuable time!
Simon
Personally I find frames the hardest of the 3 main methods of laying out a site, I'll try to explain:
Basically you have a single page that is broken up into sections - each of which can have its own content that can load in without having to reload the whole page. For this reason frames are often used for navigation and header areas.
I've amended the code I gave so that its now creates an index.htm page split into 4 areas - top, left, right and content. So that your content will always stick to the bottom of the screen.
The area given to each section is defined by either a fixed number or * which means take up all available space - and it is that which allows the resizing of the screen. The content area is fixed to a size that will display on an 800x600 screen.
Spacer.htm is just a web page that is loaded into the areas other than content. Just make a new page with nothing on it and save it as spacer.htm Content.htm should be the 1st page that you want to load up. Then just make your other pages (working at 800x600) and when you make your links between the pages you need to give a target (its in properties panel) for the page to load in - you want to load them into content.
On another note:
You could insert tables or frames into your existing site - but that wouldnt help with the layout you currently have.
Tables are easy to use for layout and if you've been shown how you can use them for layout then I would go with that option. Though as I said CSS layouts are preferred as they keep design and content seperate.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Your Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="*,500" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="top" scrolling="NO" noresize id="top" >
<frameset cols="*,790,*" frameborder="NO" border="0" framespacing="0">
<frame src="spacer.htm" name="left" id="left" frameborder="0" scrolling="no" noresize id="left">
<frame src="content.htm" name="content" frameborder="0" scrolling="no" noresize id="content">
<frame src="spacer.htm" name="right" frameborder="0" scrolling="no" noresize id="right">
</frameset>
</frameset>
<noframes>
</noframes>
</body>
</html>
Sharing knowledge saves valuable time!
Simon
Replied 25 Jun 2004 14:07:59
25 Jun 2004 14:07:59 Dave Thomas replied:
If you dont know what your doing then, no disrepect to ganeski as i can see he's gone out of his way to help you but you should be learning the newest technology to build the site.
1. frames are crap, only situation they are ever good in is multimedia sites.
2. tables, which cannot be beaten for presentation of database content is an alternative but beware, if you use plain html mark up, inline styles such as FONT etc.. are to be unsupported in the next version of html, so CSS styles will be needed along the way. or you could find your site a year from now looking real bad.
3. css is the way to go, no only does it take care of the depreciated html tags that are due to happen sometime in the future, but the code is cleaner, faster and easier to learn.
Regards,
Dave
<img src="www.nova-cs.co.uk/DmxAvatar.jpg" border="0">" border=0>
[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]
1. frames are crap, only situation they are ever good in is multimedia sites.
2. tables, which cannot be beaten for presentation of database content is an alternative but beware, if you use plain html mark up, inline styles such as FONT etc.. are to be unsupported in the next version of html, so CSS styles will be needed along the way. or you could find your site a year from now looking real bad.
3. css is the way to go, no only does it take care of the depreciated html tags that are due to happen sometime in the future, but the code is cleaner, faster and easier to learn.
Regards,
Dave
<img src="www.nova-cs.co.uk/DmxAvatar.jpg" border="0">" border=0>
[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]