Frames question..?

MistressSpankME · #1 (**permalink**) Nov 16, 03

It is possible to put a single frame inside a frameset, right?

If so, is it possible for me to center it in a particular frame (maybe <frame align= "center"> ?? ) and how do I size it?

Gusto · #2 (**permalink**) Nov 16, 03

You can't use those kind of elements with framesets... you just need to lay them out in the original frameset doc.

Or you can use an iframe, which you can put anywhere, but it will only work in IE... if you can explain how your frame layout will look, it might help.

Gusto · #3 (**permalink**) Nov 16, 03

By the way, this site is a really good resource...

http://www.w3schools.com/html/html_frames.asp

MistressSpankME · #4 (**permalink**) Nov 16, 03

Quote:

Originally posted by gusto
You can't use those kind of elements with framesets... you just need to lay them out in the original frameset doc.

I dont understand what you mean by that.

And something that only works in IE is not an option, but thanks.

umm.. my layout will have 2 main frames... the left one being about 20% of the page and containing a banner I'm making with link to main, gallery, updates etc. The second frame on the right being aprox. 80% and contain the content. I want this frame to contain a background, with a square in the middle with a scroll where the content will appear. I was thinking of using a table but I can't see how that will really work, considering I need it to be a set size centered in the middle of the large right-hand frame.

so.. I want to put a single frame in the center of the main right hand frame. So you are saying I can't center a frame and make it a certain size?

Hopefully that description helps, if not I can post a sketch of it.

krisamata · #5 (**permalink**) Nov 16, 03

are we talking about glasses?

;)

Gusto · #6 (**permalink**) Nov 16, 03

Haha.. I'm not sure what I meant by that either. My mind was thinking something different than my fingers, I guess...

And I'm assuming you want to center the scrolling bow in the right frame vertically. To center it you need to have two more frames, one on either side and use * to set the size.

This might be close... if not, a sketch would help. Of course you can change the values to fit your needs.

Code:

<html>
<frameset cols="20%,80%" border=0>
  <frame src="frame1.html">
  <frameset rows="*, 400, *" border=0>
    <frame src="frame2.html" noresize="noresize" scrolling=no>
    <frame src="frame3.html">
    <frame src="frame4.html" noresize="noresize" scrolling=no>
  </frameset>
</frameset>
</html>

Tux · #7 (**permalink**) Nov 16, 03

frames are ghey dont use them

Gusto · #8 (**permalink**) Nov 16, 03

I agree... heh. But its one of the only ways to do a layout like she wants.

Tux · #9 (**permalink**) Nov 16, 03

Quote:

Originally posted by gusto
I agree... heh. But its one of the only ways to do a layout like she wants.

i disagree, i can think of many other ways to do the same thing.. i can do the same thing frames can through creative uses of PHP and tables.. or just create a template with the side links and have it dynamically applied to each content page on loading.. or you can even have the design template static on each page so that its already applied to the page before the browser requests it.. there are other ways too. personally i hate frames and think that they are ugly and very unprofessional.

Gusto · #10 (**permalink**) Nov 16, 03

True. All that stuff is a pain in the ass, tho. That's a fair bit of work, though. I'm kinda lazy.

Tux · #11 (**permalink**) Nov 16, 03

Quote:

Originally posted by gusto
True. All that stuff is a pain in the ass, tho. That's a fair bit of work, though. I'm kinda lazy.

yea i guess, use frames if you want an easy out.. but im just used to designing professional websites for companies and what not, so thats where i was coming from.

MistressSpankME · #12 (**permalink**) Nov 17, 03

Quote:

Originally posted by gusto
Haha.. I'm not sure what I meant by that either. My mind was thinking something different than my fingers, I guess...

And I'm assuming you want to center the scrolling bow in the right frame vertically. To center it you need to have two more frames, one on either side and use * to set the size.

This might be close... if not, a sketch would help. Of course you can change the values to fit your needs.

Code:

<html> <frameset cols="20%,80%" border=0> <frame src="frame1.html"> <frameset rows="*, 400, *" border=0> <frame src="frame2.html" noresize="noresize" scrolling=no> <frame src="frame3.html"> <frame src="frame4.html" noresize="noresize" scrolling=no> </frameset> </frameset> </html>

I don't think thats what I want... but I'll try it. And i'll get a sketch up to get rid of the confusion. Thanks for trying to help!

And Mr. Fancy pants websitemaker... I'm not some bigshot web designer and so far TWO count them TWO people that swore up and down they would help me and not bail on me have, so I'm kind of left doing this on my own. It would be alot easier if I could count on people, but I can't so I have to do it myself and this is all I fucking know how to do.
And it's clearly not easy for me, so if I wanted an "easy way out" I'd be making my whole page on some dumb ass program, but I'm not. I'm trying to put some work into it and actually make the page on my own but I guess it's going to be "ugly and unproffessional" in the end so why bother.

grrr

Gusto · #13 (**permalink**) Nov 17, 03

That's what I figured. I was volunteering the help with the frameset, not to write a few hours worth of code to make it look professional. ;) Regardless, I'm sure it'll look fine in the end... you can hide the frames so it won't look bad. Just throw up a sketch and I'll get back to you.

MistressSpankME · #14 (**permalink**) Nov 17, 03

yeah well, they aren't going to have big scrolls in the middle of nowhere, and you won't be able to see the frames.. it'll all blend together. I dont know any other way to organize a page, that shit he was talking about isn't even english to me. And i wasn't asking you to write a shitload of stuff obviously, most of what I said in that last post was directed to tux, not you.

Gusto · #15 (**permalink**) Nov 17, 03

Quote:

Originally posted by MistressSpankME
And i wasn't asking you to write a shitload of stuff obviously, most of what I said in that last post was directed to tux, not you.

I know... no worries. :)

MistressSpankME · #16 (**permalink**) Nov 17, 03

I forgot I had made a little paper mock-up. Maybe this will help better.

It doesn't even have to be frames, if anyone can tell me how to do THAT then I'll appreciate it.

Fuck, if anyone is willing to help out with this fucker I'd appreciate it even more. Some girl is supposed to be currently helping me but is taking for-fucking-ever. I know she may have a life and I'm not paying her but I need a damn website up pronto.

(I also don't need any design tips or criticism, this is only a rough draft type thing I have to change some stuff around like that font.. ick etc. and I know that background might be a little much but oh well)

MistressSpankME · #17 (**permalink**) Nov 17, 03

Tux, sorry for getting hostile on your ass. But after having numerous people backout on me, leaving me and my limited html skills to do all the work... the LAST thing I need to hear is someone who hasn't even seen my concept yet telling me it is ugly, "ghey" and unproffessional. I'm not starting a business here so I'm not looking for proffessional, I just want a good looking, functioning website. So if you can put your skills where your mouth is and help me out that would be really nice.

Gusto · #18 (**permalink**) Nov 17, 03

Okay, the frameset I posted needs a slight modification to add one more thin frame to the far right. The frameset will be like this. Like tux said, frames are not necessarily the best way to go about things... but they make this way easier by far.

Code:

<html>
<frameset cols="20%,80%, 20" border=0>
  <frame src="frame1.html">
  <frameset rows="*, 400, *" border=0>
    <frame src="frame2.html" noresize="noresize" scrolling=no>
    <frame src="frame3.html">
    <frame src="frame4.html" noresize="noresize" scrolling=no>
  </frameset>
  <frame src="frame5.html">
</frameset>
</html>

Basically what you need to do then is come up with your interface. If you have a program like Fireworks or Photoshop this will be way easier, because they let you slice your images.

The point really is to build your interface around Frame 3, because that's where your scrolling text will be. For example, the top part of your text box will be aligned to the bottom of Frame 2, and the bottom of the box aligned to the top of Frame 4, etc.

If I'm explaining this strangely or you need more help, let me know. Or if you have the graphics in a digital format, you can send them to me and I'll throw them into the frames.

Gusto · #19 (**permalink**) Nov 17, 03

This might help...

Gusto · #20 (**permalink**) Nov 17, 03

One more thing... this URL will help you with your colored scrollbars...

http://www.siteexperts.com/ie5/tips/ts04/page1.asp

QuanNeur · #21 (**permalink**) Nov 17, 03

don't mean to add fuel to the fire but frames really are ugly and unprofessional. the easiest and best way to do what you want to do is using cascading style sheets. you'll have to take a bit of time to learn about them but they are really, really easy to use and you will thank yourself in the end.

basically the idea is that you include a reference to a CSS style sheet file in your main html code. within the style sheet you can set values of any HTML tag and even define new ones as subsets of the usual HTML tags. these values include position on the page, background colour, alignment and all sorts of other things. it makes organizing a page extremely easy and you can position different elements on the page just where you want them, even overlapping each other. much more elegant than frames.

anyway this a great place to get started, lots of non-technical language. give it a go! you'll learn a bunch and come out much the better:

http://hotwired.lycos.com/webmonkey/...lesheet_guide/

btw that site webmonkey is a great place to learn about all sorts of web technologies. valuable resource

Gusto · #22 (**permalink**) Nov 17, 03

I agree CSS is teh shit and I use it all the time, but that site will not tell her how to have a scroll bar where she needs it. Even with CSS, that will be advanced stuff. The only other reasonably easy way I can think would be to change the properties of the textarea element to work the way she wants... which isn't a particularly good solution either.

I'm sure its possible, maybe with CSS, but for someone who has never used them this will be very hard. I'll stand corrected though if you can show some code on how to have the scroll bar float a few inches from the side of the page and scroll the text in the area she needs it.

Gusto · #23 (**permalink**) Nov 17, 03

Nevermind, I stand corrected... lol... found an easier way with CSS. Just had never tried this one in the past. ;)

Just stick this where you want your content box.

Code:

<p style="width: 400px; height: 330px; overflow-Y: scroll">
Content goes here...
</p>

EDIT: sigh... this won't work in Mozilla or Netscape. That's the downside of CSS -- a lot of browsers don't support it completely yet.

bunnywoowoo · #24 (**permalink**) Nov 17, 03

Probably better off using an IFRAME for the content rather than CSS, since both are basically IE 4+ only. IFRAME would work a more effeciently than p styles since clicking on the link would just load up a new page for the content section, not a completely new page for the section. Saves on loading time and such

QuanNeur · #25 (**permalink**) Nov 17, 03

does anyone actually use less than version 4 these days?

gusto, if you specify the axis when setting the overflow then gecko doesn't interpret it but if you don't, then it's fine..

i was bored so here it is:
http://spacedisco.com/darla/

spankme, i just ripped those images from your sketch of the site.. obviously you'll need to replace them with your stuff. be sure to download darla.css as well as index.html. i also didn't put the border around the content window. just photoshop a graphic of the borders and position them -20, -20 pixels or whatever around the content. just look at how i've done it with the other sections and you'll see how to do it. and then use index.html as the template for all the other pages you need