Topic: frames

I have not done too much with frames so bare with me.

I would like to set up my page so an image (w=950px, h=180px) runs along the entire width, from left side of screen to right. check out pdf To achieve this- I am thinking of using three frames. Frame 1 at left side of document, about 25 px wide. Frame 2 would be the main section of page, and Frame 3 would be right side 25px. The side frames would elimiate the natural space that appears in borwsers.

Question:
1. If I design the page with frames in a specific resolution, how will it look in other screen settings? Say I do it in a resolution of 1024x768, how will the page view when someone looks at it in a higher or lower setting? Will the images stay proportionate?
2. I want make use of random image function, but in all 3 frames at eh same time. For example: I have 3 separate images in mind. Image 1 is present filling all 3 frames from left to right. Hit refresh, and image 2 or 3 is in all three frames. How can this be done?
3. Also, I just thought- what do I have to do if a person has an older browser and does not support frames? Build a non-frames version?

Correct me if I am wrong in explaining or assuming anything.

Thanks.
CRO8

[This message has been edited by CRO8 (edited 03-18-2003).]

[This message has been edited by CRO8 (edited 03-18-2003).]

got it to work but still need to cut up the image so it is a smooth transition from frame to frame. . .

I may not even try and do the random image aspect . . .

Quetsion:
1. What do I need to do to prepare my page so it can be viewed by most everyone?

Thanks.
Chris



[This message has been edited by CRO8 (edited 03-18-2003).]

As I said here:
www.ozoneasylum.com/Forum1/HTML/006904.html

Why do you need to use frames?

___________________
Emps

FAQs: Emperor

Thanks Emps. I want my image to span the entire width of the page- without any space on the left and right sides (Reference pdf). Since browsers put a small px space surrounding tables, I thought maybe frames would aid me in accomplishing my goal, then simply set marginheight and width = 0, but still when res setting changes, it alters up the entire page . . . but is there a way I could use one page and still have an image spanning the entire width?

I hope this is not confusing! and I apologize for postiing on Ozone section, my deadline is very tight.

CRO8

CRO8, I think you can fix this without having to use frames. The image itself looks like a "seemless texture" right? OK, this is what I would do.

In the body take make sure that the width, height, and margins are all set to 0.

Then set up the table and in the <td> tag, set the image as the background and the width of the td and table tags to 100%. Then in between the td tags put the image in. So you would have:

Body

LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"

Table

<table width="100%" border="0" cellspacing="0" cellpadding="0"

<tr>

<td background="myimage.gif" width="100%"><image src="myimage.gif"></td>

</tr>

</table>

This will give you a seemless backround to the table and will adjust to the width of the browser. Right now, if I resize my browser, I loose the image completley. This will prevent that from happening.

Later,

C:\


~Binary is best~


[This message has been edited by CPrompt (edited 03-18-2003).]

Perfect.

Many Thanks

quote:

---

is there a way I could use one page and still have an image spanning the entire width

---

I'm just confused as all hell by that question.

You tried to break the page into frames in order to have something span the entire page? Isn't that kind of like breaking a stick in half in order to have one long stick?

As DL says that seems like an awful lot of uneccesary effort to get that effect - have a look at the CSS background styles:
http://www.w3.org/TR/REC-CSS2/colors.html#q2

Try something with:

BODY { 

  background: white url("cro8_background.gif");

  background-position: bottom;

  background-repeat: repeat-x;

  background-attachment: fixed;

}

___________________
Emps

FAQs: Emperor

DL- yeah well - this is stupid basic html! . . . this is what I was trying to communicate http://www.hotfrogdesign.com/frameset.htm

CSS. Did not even thing of that . . . thanks for all the suggestions.

CRO8

[This message has been edited by CRO8 (edited 03-18-2003).]

damn! Just realized on the train ride home. I want my bg to be rgb #cccccc with 30% opacity. I had planned on making that my one and only bg- but if I use CSS with the screen-length image, I cannot use both! Correct? I will try CPrompt's table suggestion and report back!

CRO8

1) CSS should *always* be your first thought. Regardless of what mark-up technique you use (ie frames, tables, divs, whatever..), CSS to style it should not even be a question.

2) If youw ant your background-color to be #cccccc, just substiture that for the 'white' in the code that Emperor gave you.

I hav eno idea what you mean by the 'with 30% opacity' bit. Opacity on a background? Just set the color to whatever the final color you desire is...

30% Opacity means I created a bg image in photoshop using #cccccc and then decreasing the opacity of the layer from 100% to 30%, so its a mild gray. I cannot simply put #cccccc as my html bg color because I do not want it that dark- I want to lighten it up- hence using a 1px x 1px image of #cccccc, with decreased opacity- if I do this- then I cannot use CSS for the screen length image. Correct me if I am wrong but you cannot have 2 bg images? Ideally I want the #cccccc (30%) as my main bg color, but then use CSS to position the desired image so it runs across the screen.

No, you can't have two background images.

But, like I said - just choose the final color:

- Fill your layer with #cccccc, reduce the opacity to 30%.

- Use your color picker to select whatever that color happens to be.

- Set that color as your background color for your page.

=)

Thank DL. I thought there are only 256 web safe colors, and using anything else would not guarantee the same color being viewed by all users.

I will use the color picker and find the rgb combo of the opacity #cccccc - as you suggest and go from there . .

CRO8: I'm not sure what the current consesnus is about the 216/212 web safe colours - its a good idea in theory but I've not worried about it for a few years as things have progressed and, although I don't have any stats (I suppos I could make some up) I would have thought that the need for web safe colours has slipped down our list of priorities (and anyway design for your audience so if the audience are likely to have older setups then it might be relevant).

Just go with DL's suggestion and see how it goes.

___________________
Emps

FAQs: Emperor

OK- yeah- my potential clients are small mom and pop shops. Older browsers are pretty common. I will go with using the exact color- and see how it works out. Thanks all for help

I don't think I *ever* actually worried about 'web-safe' colors, as they haven't been a true issue in so long it hardly seems relevant.

You can *never* guarantee that all browsers will see the exact same thing, but you've go nothing to worry about in this case.

=)

The word on web-safe color -- skipping the "why" part -- is that a) you might as well use the "web-safe pallette." And b) you shouldn't have a web-safe color in a GIF or something butting up directly against a web-safe color defined in a CSS background-color or something -- because they might not actually be the same color. Life is hard.

I will try both the 1. CSS bg image and 2. table 100% bg image and see which what happens.

Thanks again and sorry for posting in Ozone Section to get folks in here

CRO8

[This message has been edited by CRO8 (edited 03-19-2003).]