hey, first time posting here.<br />
Take a look at this screen cap of the site I am working on right now.<br />
<!-- m --><a class="postlink" href="http://img78.photobucket.com/albums/v280/doug_the_thug/trial.jpg">http://img78.photobucket.com/albums/v28 ... /trial.jpg</a><!-- m --><br />
<br />
<br />
Well, I want to be able to have the content area in the middle of course, but heres the thing. I want it to be so that when the user clicks the link (news,about,exc.), that it will just load in the middle of the page.<br />
WHERE I WANT IT TO BE- (WHERE THE GREY IS)<br />
<!-- m --><a class="postlink" href="http://img78.photobucket.com/albums/v280/doug_the_thug/web.jpg">http://img78.photobucket.com/albums/v28 ... ug/web.jpg</a><!-- m --><br />
<br />
But I know that I am gonna have way more info then just to fit in that area, so I am going to need to make that box area scolling. I am thinking I need to use frames to do it, but I havn't used them in a long time, and have no idea ...<br />
1. how to link the links to the box area.<br />
2. how to make the box area scolling.<br />
<br />
Also... if you see in the first image in the lower left, I have that yellow in the area where I would put the box. Is there any way to either <br />
A. make it as a background image so I can type over it<br />
b. Make it transparent so I can type over it<br />
c. do somthign so I can type over it.<br />
<br />
<br />
Thanks. if you need anymore more info, let me know<!--content-->Originally posted by doug_the_thug <br />
1. how to link the links to the box area.<br />
i'll take care of the easy part:<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.html" target="framename"><!--content-->The best way to achieve this i think, is to use <iframe>.<br />
To get the linked pages to appear in the newly created iframe, you need to give the iframe a name i.e. name="iframe" and then in the link tags, just add target="iframe" after the src.<br />
<br />
As for positioning the iframe in the 'grey area', im not 100% sure, but you could try the CSS attribute 'position'.<!--content-->Eech, iframes. But, there is no other alternative to what you are asking. Yes, you use CSS:<br />
<br />
<br />
<style type="text/css"><br />
<!-- <br />
body {<br />
background:url('background.jpg') top left no-repeat;<br />
} <br />
<br />
iframe#framename {<br />
position:absolute;<br />
left:40px;<br />
top:165px;<br />
width:595px;<br />
height:290px;<br />
border:0px;<br />
}<br />
--><br />
</style><!--content-->Guys... includes and a div with overflow. How dare you suggest iframes. Iframes are inaccessible. Look just put<br />
<br />
<div style="width:500px; height:500px; overflow:auto;">and boom this will scroll when the content is bigger then the box</div><br />
<br />
Then use some server side includs for conveiniance. All of the code on every secondary page will only be content since the layout will be completely included, so all that changes is the content. You can add even further conveiniance through the use of query stirngs, and could conceivably only have one file (though one file and db would be more organized).<!--content-->Yeah, but he wants the whole "Only the little box changes" where we doesn't want the whole page to reload, for whichever reason. Of course and div and includes are better, but its what he wanted.<!--content-->well the outside would be the same even though it would reload....<!--content-->
Take a look at this screen cap of the site I am working on right now.<br />
<!-- m --><a class="postlink" href="http://img78.photobucket.com/albums/v280/doug_the_thug/trial.jpg">http://img78.photobucket.com/albums/v28 ... /trial.jpg</a><!-- m --><br />
<br />
<br />
Well, I want to be able to have the content area in the middle of course, but heres the thing. I want it to be so that when the user clicks the link (news,about,exc.), that it will just load in the middle of the page.<br />
WHERE I WANT IT TO BE- (WHERE THE GREY IS)<br />
<!-- m --><a class="postlink" href="http://img78.photobucket.com/albums/v280/doug_the_thug/web.jpg">http://img78.photobucket.com/albums/v28 ... ug/web.jpg</a><!-- m --><br />
<br />
But I know that I am gonna have way more info then just to fit in that area, so I am going to need to make that box area scolling. I am thinking I need to use frames to do it, but I havn't used them in a long time, and have no idea ...<br />
1. how to link the links to the box area.<br />
2. how to make the box area scolling.<br />
<br />
Also... if you see in the first image in the lower left, I have that yellow in the area where I would put the box. Is there any way to either <br />
A. make it as a background image so I can type over it<br />
b. Make it transparent so I can type over it<br />
c. do somthign so I can type over it.<br />
<br />
<br />
Thanks. if you need anymore more info, let me know<!--content-->Originally posted by doug_the_thug <br />
1. how to link the links to the box area.<br />
i'll take care of the easy part:<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.html" target="framename"><!--content-->The best way to achieve this i think, is to use <iframe>.<br />
To get the linked pages to appear in the newly created iframe, you need to give the iframe a name i.e. name="iframe" and then in the link tags, just add target="iframe" after the src.<br />
<br />
As for positioning the iframe in the 'grey area', im not 100% sure, but you could try the CSS attribute 'position'.<!--content-->Eech, iframes. But, there is no other alternative to what you are asking. Yes, you use CSS:<br />
<br />
<br />
<style type="text/css"><br />
<!-- <br />
body {<br />
background:url('background.jpg') top left no-repeat;<br />
} <br />
<br />
iframe#framename {<br />
position:absolute;<br />
left:40px;<br />
top:165px;<br />
width:595px;<br />
height:290px;<br />
border:0px;<br />
}<br />
--><br />
</style><!--content-->Guys... includes and a div with overflow. How dare you suggest iframes. Iframes are inaccessible. Look just put<br />
<br />
<div style="width:500px; height:500px; overflow:auto;">and boom this will scroll when the content is bigger then the box</div><br />
<br />
Then use some server side includs for conveiniance. All of the code on every secondary page will only be content since the layout will be completely included, so all that changes is the content. You can add even further conveiniance through the use of query stirngs, and could conceivably only have one file (though one file and db would be more organized).<!--content-->Yeah, but he wants the whole "Only the little box changes" where we doesn't want the whole page to reload, for whichever reason. Of course and div and includes are better, but its what he wanted.<!--content-->well the outside would be the same even though it would reload....<!--content-->