Solved

die evil frames

Posted on 2000-04-25
5
184 Views
Last Modified: 2010-04-09

OK, I'm not the greatest web designer in the world and this will probably be an easy question.  I have a web page for a small co. I'm starting:
http://members.home.com/liquitech

did it in frames because the title at the top and navigation on the left include a few large images, I don't want to have to reload them every page when format stays the same.  If the windows background is white, they look great but if you change the background of your windows to another color, splat!  each frame is surrounded by the color you chose.

So, my goal:
I want, when you look at the page with a background color other than white, you don't see that color.  Only white.  
Though I would like to keep it with frames, I will award more points if needed for a better way which is still efficient and doesn't effect the performance of each page.

I'm starting this at 50 points in the hopes that there's an easy answer that will make me feel stoopid.  COMMENTS ONLY PLEASE.
0
Comment
Question by:1cell
5 Comments
 
LVL 1

Accepted Solution

by:
ManoloMA earned 50 total points
ID: 2750281
Try putting the bgcolor of the body to white:


<BODY bgcolor="#FFFFFF"> <!-- I think this is the white -->


in all frames pages.
0
 

Expert Comment

by:nine7sicks
ID: 2750307
bgcolor="white"

it is as simple as that..just add that to your body tag
so it looks like this

<body bgcolor="white">

I know the other person put it in hex code for you but don't worry about that most of the name colors work in the browsers now days i.e. yellow, navy, blue, black.  Anything you can think of.
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 2750545
just a brief comment which has nothing to do with the bgcolor....i just had a look at your pages and noticed a light grey block around the images.... this is caused by the transparency you are using....to solve that...you could create a background layer that is white and i am talking about Photoshop or Paintshop here...not HTML, and flatten the image like that....no need for transparency as your background is white anyway.

The little grey block around your images is caused by the shadows you are using...when saving the image as a transparant gif it's very hard to set every grey color to transparent except for the shadows. so making the background color the same as the background of the image and NOT setting transparency solves that too....

geez...long story for something as simple as that....

Max Davidse
http://www.gamerzdelight.com/
0
 
LVL 6

Author Comment

by:1cell
ID: 2751972
holy________!!!!!  
It happened!!!
I feel stoopid!!! yes with two O's!!!

I can't believe I overlooked the bgcolor.  Like I said, I am not a great web author but come on!!! forget about the bgcolor????  Jeeeez.


As for the grey around the images, I was aware of that and it's actually what got me on this kick.  It was my plan to change them to regular GIF's once I had this solved.

Thanks all!!!
0
 
LVL 19

Expert Comment

by:DreamMaster
ID: 2754252
lol....well...as long as it helps you.....*smiles*

Max Davidse
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now