Solved

White Margin Outer Edges Only

Posted on 2004-04-16
4
462 Views
Last Modified: 2010-04-06
Hello,

Thanks so much to mark-b who helped us figure out a problem. (http://www.experts-exchange.com/Web/Web_Languages/Q_20956005.html)

<FRAMESET ROWS="53,*" FRAMESPACING="0" FRAMEBORDER="0" MARGINHEIGHT="0" MARGINWIDTH="0" BORDER="0">
 <FRAME SRC="banner.html" FRAMEBORDER="0" BORDER=0 SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0" NAME="BANNER">
 <FRAME SRC="chat.html" NAME="MAIN" FRAMEBORDER="0" SCROLLING="YES" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0" BORDER=0>
</FRAMESET>
 Now we have two frames that sit on top of each other.  Both pages have a blue background.

Is there anyway to have a white margin around just the OUTER edges of the two frames, and not where the two frames meet?

Many thanks,

Yunkaa
0
Comment
Question by:yunkaa
  • 3
4 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 10844851
Just add a little styling to the frame tags:

<FRAMESET ROWS="53,*" FRAMESPACING="0" FRAMEBORDER="0" MARGINHEIGHT="0" MARGINWIDTH="0" BORDER="0">
 <FRAME SRC="banner.html" FRAMEBORDER="0" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0" NAME="BANNER" style="border:5px solid white;border-bottom:0px solid white">
 <FRAME SRC="chat.html" NAME="MAIN" FRAMEBORDER="0" SCROLLING="YES" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0" style="border:5px solid white;border-top:0px solid white">
</FRAMESET>
 
Cd&
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 10844899
Wait a minute.  I'm an idiot. There is an easier way. the frameset itself can be styled:

<FRAMESET ROWS="53,*" FRAMESPACING="0" FRAMEBORDER="0" MARGINHEIGHT="0" MARGINWIDTH="0"
        style="border:5px solid white">
 <FRAME SRC="banner.html" FRAMEBORDER="0" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0" NAME="BANNER">
 <FRAME SRC="chat.html" NAME="MAIN" FRAMEBORDER="0" SCROLLING="YES" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMESPACING="0">
</FRAMESET>
 
Cd&
0
 

Author Comment

by:yunkaa
ID: 10845498
Hello CD,

That one is elegant.  SUPER! :))  It is just the effect we needed.  

Many, many thanks,

Yunkaa
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 10845570
Glad I could help.  Thanks for the A. :^)

Cd&
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS: Element name is not scoping properly 4 79
File names with & character 6 87
Problem to echo 6 115
Animated .jpg? 13 104
There are two main kinds of selectors in CSS: One is base selector like h1, h2, body, table or any existing HTML tags.  For instance, the following rule sets all paragraphs (<p> elements) to red: (CODE) CSS also allows us to define our own custom …
Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

685 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