Making a JInternalFrame Opaque

I have a JInternalFrame that is setVisible (on and off) by clicking a button. This button is on a JFrame. This is working fine.
However the JInternalframe is not completely Opaque even if I set the property. This is the code of the button:
    private void jbtnConnActionPerformed(java.awt.event.ActionEvent evt) {                                        
// TODO add your handling code here:
        if(jifDB.isVisible()) {
            jifDB.setVisible(false);
        else
            jifDB.setVisible(true);
        jifDB.setOpaque(true);
    }       I still keep seeing the button and text boxes that are present on the JFrame if the JInternalframe is positioned over them. How can make it so that it is 100% opaque?

The JInternalFrame displays, but the buttons, text boxes etc from the main Frame are visible above the JInternalFrame. Below is the initialization code. I cannot tell whether I am overriding anything... not very familiar with that...
jifDB is the JInternalFrame
private javax.swing.JInternalFrame jifDB;.
        jifDB.getContentPane().setLayout(new org.netbeans.lib.awtextra.AbsoluteLayout());
        jifDB.setBorder(new javax.swing.border.TitledBorder(""));
        jifDB.setTitle("Database Connection");
        jifDB.setToolTipText("Set Database Connection information");
        jifDB.setFrameIcon(null);
        jifDB.setLayer(5);
        jifDB.setVisible(true);
        jtxtUsername.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                jtxtUsernameActionPerformed(evt);
        jifDB.getContentPane().add(jtxtUsername, new org.netbeans.lib.awtextra.AbsoluteConstraints(80, 20, 260, -1));
        jifDB.getContentPane().add(jtxtPassword, new org.netbeans.lib.awtextra.AbsoluteConstraints(80, 50, 260, -1));
        jLabel1.setText("Username:");
        jifDB.getContentPane().add(jLabel1, new org.netbeans.lib.awtextra.AbsoluteConstraints(20, 20, -1, -1));
        jLabel2.setText("Password:");
        jifDB.getContentPane().add(jLabel2, new org.netbeans.lib.awtextra.AbsoluteConstraints(20, 50, -1, -1));
        jbtnConnect.setFont(new java.awt.Font("Arial Unicode MS", 0, 11));
        jbtnConnect.setText("Test Connection");
        jbtnConnect.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                jbtnConnectActionPerformed(evt);
        jifDB.getContentPane().add(jbtnConnect, new org.netbeans.lib.awtextra.AbsoluteConstraints(50, 90, -1, -1));
        getContentPane().add(jifDB, new org.netbeans.lib.awtextra.AbsoluteConstraints(50, 130, 430, 160));

Similar Messages

  • Making a photo opaque

    I would like to make a photo opaque iPhoto. I know how to do it iWeb.

    sewquilt:
    Welcome to the Apple Discussions. What degree of opacity do you want for the photo? Default opacity is 100%. There's no tool in iPhoto that does the same thing as the opacity slider in iWeb.
    Do you Twango?

  • Making A Semi Opaque Spry Menu

    I am wondering how to make a spry menu, particularly the submenus (the drop downs off of the main menu...if submenu is indeed the correct word) somewhat transparent so that you can still see some of the background of your main page when you hover over the submenu?  Anyone have any idea?
    I know how to make it completely trasparent...just change background color to the word "transparent".  I'm not looking to do that.  I'm looking for something along the lines of opaque=50 I guess.  Just don't know where to apply it and how to exactly code it.

    I figured out my own answer.
    For anyone else ever wanting to know:
    You have to go to the "Code" section of the " SpryMenuBarHorizontal.css".  Another words, there is an area that looks like the following:
    Source Code          SpryMenuBar.js          SpryMenuBarHorizontal.css
    Most of the time you are on "Source Code".  But, once you add a Spry Menu, the other two options pop up right next to "Source Code"
    So, you must click on, "SpryMenuBarHorizontal.css".  Once you clicked on this, then click on "Code" to see its own code.
    And then, you must look for:
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 17px;
        z-index: 1020;
        cursor: default;
        width: 49px;
        position: absolute;
        left: -1000px;
        /* for IE */
      filter:alpha(opacity=92);
        /* CSS3 standard */
      opacity:0.92;
    And add in that last section I have there:
        /* for IE */
       filter:alpha(opacity=92);
         /* CSS3 standard */
       opacity:0.92;
    That bit of code does it!!!  Hope this can help someone else in the future!!!

  • Making a Gif opaque

    I have finally go my Gif to show up but now the problem is that the white background of the gif is being shown how do make the white space opaque so that the color of the background comes through

    Probably the easiest way is to load the image into a graphics program, and make the background transparent (it's already opaque ;). Paint Shop Pro is able to do this for you (http://www.jasc.com/).
    If you don't want to touch your image, and if the background is pure white and if that pure white doesn't occur anywhere else in the image, you can also load the image into an in-memory buffer and apply a color filter that makes white transparent...
    What, you are downloading PSP already? Oh, I see ;D

  • Keynote and transfer of presentations why can't I copy and paste?

    Hey Community!
         I've always been a Mac lover, but now....... I'm ready to do somethin'......  Very frustrated with update to new Mavericks and Keynote V.6.  I have updated my presentations from the previous version of Keynote into the new version.  I am trying to copy and paste elements from multiple seperates presentations into one presentation.  When I paste the presentation into my "master", the font size changes, format changes.  It's a pain in the (beep, boop, poop).
    I get a message:  OSX Spotlight search information was removed".
         I'm really confused.  Why can't one just copy and paste from one show to another when its in the same program!?

    If I understand correctly you want the title to appear on top of a later video clip so both title and clip are visible.   The problem is the "whites" background which is both making the background opaque and stopping you from pasting it above another clip.  If you just select and drag the title by itself, the background will be transparent so the video clip below will show through.  You should also be able to copy and paste it directly above the clip you want.
    If you want different parts of the title to have a special effect you will have to edit each instance after you have made and positioned the copies.
    I hope this helps - or have I misunderstood?
    Geoff.

  • Why can't I click and open my Skydrive from the favorites bar in finder?

    I am able to do this for Google Drive and also Copy, so I should be able to do the same for Skydrive.
    So how come I cannot click on Skydrive in the favorites bar in finder? I can click on everything else but when I try to click skydrive it is as if I clicked on the window outside of finder where it would be inactive. I want to be able to open my skydrive from finder (in favorites) so how can I fix this?
    Please and thanks for any answers at all in advance

    If I understand correctly you want the title to appear on top of a later video clip so both title and clip are visible.   The problem is the "whites" background which is both making the background opaque and stopping you from pasting it above another clip.  If you just select and drag the title by itself, the background will be transparent so the video clip below will show through.  You should also be able to copy and paste it directly above the clip you want.
    If you want different parts of the title to have a special effect you will have to edit each instance after you have made and positioned the copies.
    I hope this helps - or have I misunderstood?
    Geoff.

  • Why can't I copy and paste a document in an online class discussion?

    I just updated Firefox. I am currently participating in an online college class and for some reason cannot paste a report I have typed in word on the discussion page of the class? I haven't had any trouble before this. This document needs to be done today!

    If I understand correctly you want the title to appear on top of a later video clip so both title and clip are visible.   The problem is the "whites" background which is both making the background opaque and stopping you from pasting it above another clip.  If you just select and drag the title by itself, the background will be transparent so the video clip below will show through.  You should also be able to copy and paste it directly above the clip you want.
    If you want different parts of the title to have a special effect you will have to edit each instance after you have made and positioned the copies.
    I hope this helps - or have I misunderstood?
    Geoff.

  • Pixel errors when scrolling around

    Hey guys!
    I've got some drawing issues in my app. It seems like my children components are being redrawn just fine when I scroll around, but the background isn't. If I keep the background without color, the error doesn't occur. As soon as I paint it white, it'll look like this when I scroll around: [Here's an example.|http://img3.imageshack.us/img3/4444/pixelerrori.png]
    Any ideas how to fix this assuming I want the performance to be as good as possible?
    Here's my code:
    import java.awt.Color;
    import java.awt.Dimension;
    import java.awt.Graphics;
    import java.awt.Graphics2D;
    import java.awt.Point;
    import java.awt.RenderingHints;
    import java.util.HashMap;
    import java.util.LinkedList;
    import java.util.Map;
    import java.awt.geom.Ellipse2D;
    import javax.swing.JComponent;
    import javax.swing.JFrame;
    import javax.swing.JScrollPane;
    public class LayoutTest extends JComponent{
         private JScrollPane scrollPane;
         private LinkedList<Node> nodes;
         private int rows, cols;
         private static int RADIUS=25;
         LayoutTest(){
              nodes = new LinkedList<Node>();
              nodes.add(new Node(0,0, "a"));
              nodes.add(new Node(0,2, "b"));
              nodes.add(new Node(1,1, "c"));
              nodes.add(new Node(1,3, "d"));
              rows = 1;
              cols = 3;
              this.setLayout(null);
              for(Node node : nodes){
                   this.add(node);
              scrollPane = new JScrollPane(this);
              scrollPane.setBackground(Color.white);
              this.setOpaque(true);
              this.setSize(800,800);
         @Override
         public void doLayout(){
              Map<Point,Point> map = new HashMap<Point,Point>();
              int section_x = getWidth()/(cols+1);
              int section_y = getHeight()/(rows+1);
              if(section_x<section_y){
                   RADIUS = (int) (section_x * 0.3);
              }else{
                   RADIUS = (int) (section_y * 0.3);
              int shift_x = section_x/2-RADIUS;
              int shift_y = section_y/2-RADIUS;
              for(int row=0; row<=rows; row++){
                   for(int col=0; col<=cols; col++){
                        map.put(new Point(row,col), new Point(section_x*col+shift_x,section_y*row+shift_y));
              for(Node node : nodes){
                   node.setRadius(RADIUS);
                   node.setLocation(map.get(node.gridPos));
         @Override
         public Dimension getPreferredSize(){
              return this.getSize();
         public JScrollPane getScrollPane(){
              return scrollPane;
         public static void main(String[] args) {     
              JFrame frame = new JFrame();          
              LayoutTest blub = new LayoutTest();
              frame.setContentPane(blub.getScrollPane());
              frame.setSize(new Dimension(400,400));
              frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              frame.setVisible(true);          
         public class Node extends JComponent {
              public Point coordinates = new Point(0,0);
              public Point gridPos;
              private int radius = 50;
              public String name;
              Node(int col, int row, String name){
                   super();
                   gridPos = new Point(col, row);
                   this.name = name;
              public void setRadius(int radius){          
                   this.radius = radius;
                   this.setSize(new Dimension(radius*2+1,radius*2+1));
              public void paint(Graphics g) {
                   Graphics2D g2 = (Graphics2D)g;
                   Ellipse2D circle = new Ellipse2D.Float();
                   circle.setFrame(new Point(0,0), new Dimension(radius*2,radius*2));
                   g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
                   /** draws the node */
                  g2.setColor(Color.green);
                  g2.fill(circle);
                   g2.setColor(Color.black);
                   g2.draw(circle);     
    }For now, I fixed it by overriding the paint() function of the LayoutTest with:
    @Override
         public void paint(Graphics g) {
              super.paint(g);
              g.setColor(Color.WHITE);
              g.fillRect(0, 0, getWidth(), getHeight());
              paintChildren(g);
         }But I kind of have the feeling this is out of the normal drawing order...
    Edited by: my_byte on Jul 5, 2010 5:27 AM

    You are making the JComponent opaque,
    this.setOpaque(true);and not honoring this property. Delete this line of code.
    Also, the scroll pane is a composite component. The "background" you speak of is that of the scroll pane's viewport. So when setting the background I'm pretty sure it should read
    scrollPane.getViewport().setBackground(Color.white);Lastly, when doing swing custom painting you overwrite the paintComponent() method, as opposed to the paint() method.
    public void paintComponent(Graphics g) {
    }Edited by: Maxideon on Jul 5, 2010 1:26 PM
    Also delete your 'fix' to LayoutTest.

  • Is there a way to increase density for preset registration marks in Photoshop 7

    Need assistance for making registrations more opaque in film positives.

    Hi. You’ve posted your question in a forum that is for beginners trying to learn the basics of Photoshop.  I'm moving your question to the Photoshop General Discussion forum for specialized attention to your situation.

  • Images and Transparency

    Ok, so I have a program wwhich displays 2 Images, one on top of the other.
    The first one (rendered first) is an image loaded from a file which is completely opaque.
    The second one starts off as completely transparent, but every time you click on it, a semi-transparent square appears.
    The only problem is that if you click again on the same square it adds another semi-transparent square on top, making it more opaque.
    I was wondering if there is an easy way to make it draw a semi-transparent sqaure the first time I click, and do nothing the second time.
    Is it possible to do this using AWT instead of keeping a record of which squares have been drawn?
    Relevant code below, overlay is the image concerned and graphics is its Graphics object.
    private int tileWidth = 16;
    private int tileHeight = 16;
    private Color fillColor = new Color(255, 255, 255, 192);
    private BufferedImage overlay;
    private Graphics graphics;
    private int mapHeight;
    private int mapWidth;
    Constructor() {
         overlay = new BufferedImage(mapWidth, mapHeight, BufferedImage.TYPE_INT_ARGB);
         graphics = overlay.createGraphics();
         graphics.setColor(new Color(255, 255, 255, 0));
         graphics.fillRect(0, 0, mapWidth, mapHeight);
         repaint();
         revalidate();
    public void paintComponent(Graphics g) {
         g.drawImage(map, 0, 0, this);
         g.drawImage(overlay, 0, 0, this);
    public void mousePressed(MouseEvent e) {
         fillTile(e.getX(), e.getY());
    public void mouseDragged(MouseEvent e) {
         fillTile(e.getX(), e.getY());     
    private void fillTile(int x, int y) {
         int tileX = (x / tileWidth) * tileWidth;
         int tileY = (y / tileHeight) * tileHeight;
         if (graphics != null) {
              graphics.setColor(fillColor);
              graphics.fillRect(tileX, tileY, tileWidth, tileHeight);
              repaint();
    }

    import java.awt.*;
    import java.awt.image.*;
    import java.awt.event.*;
    import java.io.File;
    import javax.swing.*;
    public class ImageTest extends JComponent implements MouseListener,
              MouseMotionListener {
         private int tileWidth = 16;
         private int tileHeight = 16;
         private Color fillColor = new Color(255, 255, 255, 192);
         private File imageFile;
         private Image bg;
         private BufferedImage overlay;
         private Graphics graphics;
         private int bgHeight;
         private int bgWidth;
         private JFrame frame;
         private JScrollPane jsp;
         private ImageTest() {
              createAndShowGUI();
                * Replace FILE NAME HERE with the path of the image file.
              imageFile = loadFile("FILE NAME HERE");
              if (imageFile != null) {
                   bg = loadImage(imageFile);
              if (bg != null) {
                   bgWidth = bg.getWidth(this);
                   bgHeight = bg.getHeight(this);
                   overlay = new BufferedImage(bgWidth, bgHeight,
                             BufferedImage.TYPE_INT_ARGB);
                   graphics = overlay.createGraphics();
                   graphics.setColor(new Color(255, 255, 255, 0));
                   graphics.fillRect(0, 0, bgWidth, bgHeight);
              repaint();
              revalidate();
         private void createAndShowGUI() {
              try {
                   UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
              } catch (Exception e) {
                   // Can't use system look and feel.
              frame = new JFrame("ImageTest");
              frame.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
              addMouseListener(this);
              addMouseMotionListener(this);
              jsp = new JScrollPane(this,
                        ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED,
                        ScrollPaneConstants.HORIZONTAL_SCROLLBAR_AS_NEEDED);
              frame.getContentPane().add(jsp);
              frame.pack();
              frame.setSize(800, 600);
              frame.setVisible(true);
         public Dimension getPreferredSize() {
              if (bg != null)
                   return new Dimension(bgWidth, bgHeight);
              return new Dimension(800, 600);
         public void paintComponent(Graphics g) {
              g.drawImage(bg, 0, 0, this);
              g.drawImage(overlay, 0, 0, this);
         public void mouseClicked(MouseEvent e) {
         public void mouseEntered(MouseEvent e) {
         public void mouseExited(MouseEvent e) {
         public void mouseReleased(MouseEvent e) {
         public void mouseMoved(MouseEvent e) {
         public void mousePressed(MouseEvent e) {
              fillTile(e.getX(), e.getY());
         public void mouseDragged(MouseEvent e) {
              fillTile(e.getX(), e.getY());
         private void fillTile(int x, int y) {
              int tileX = (x / tileWidth) * tileWidth;
              int tileY = (y / tileHeight) * tileHeight;
              if (graphics != null) {
                   graphics.setColor(fillColor);
                   graphics.fillRect(tileX, tileY, tileWidth, tileHeight);
                   repaint();
         private File loadFile(String fileName) {
              File file = new File(fileName);
              try {
                   if (!file.exists()) {
                        System.err.println(fileName + " does not exist.");
                        return null;
              } catch (SecurityException e) {
                   System.err.println("Access denied to " + fileName + ".");
                   return null;
              return file;
         private Image loadImage(File imageFile) {
              String imageName = imageFile.getAbsolutePath();
              try {
                   if (imageFile.canRead()) {
                        Image i;
                        i = Toolkit.getDefaultToolkit().createImage(imageName);
                        MediaTracker media = new MediaTracker(this);
                        media.addImage(i, 0);
                        media.waitForID(0);
                        return i;
                   System.err.println("Cannot read " + imageName + ".");
                   return null;
              } catch (SecurityException e) {
                   System.err.println("Access denied to " + imageName + ".");
                   return null;
              } catch (InterruptedException e) {
                   System.err.println("Loading " + imageName + " interrupted.");
                   return null;
         public static void main(String[] args) {
              new ImageTest();
    }Remember to replace FILE NAME HERE with the path of an image file.
    A good one to use would be [this one|http://www.vgmaps.com/Atlas/GB-GBC/LegendOfZelda-OracleOfAges-Labrynna%28Present%29.png] as that is what I am using.
    Edited by: KrimsonEagl on 30/11/2009 22:07

  • Adding a mask to a moving still?

    I want to add a mask to a moving still picture -- the mask following the picture exactly (I want to highlight a particular form in the picture by making a semi-opaque mask around the non-essential part).
    I can make a mask easily enough, but I can't remember how to get it to track with the picture...
    Ben

    hi,
    not sure what was happening with your project, sometimes strange things do happen, but this is the expected way it works:
    add a mask to an image and animate the image and the mask will move around as well. So if you masked an image to show only a man's face, and then moved the image around you would always only see the face.
    Of course you can also animate the mask itself. so you could have a mask that moved around an image and revealed different parts as it moves. And you can animate both picture and mask at the same time.
    Now add some animation to the layer containing the image and you can get yourself into a right mess!
    hth
    adam

  • JTabbedPane setSelectedIndex displays wrong tab

    I have encountered a problem that is identical to Bug ID 6285072 that was submitted back in 2005. It is closed with a workaround that just doesn't work for me.
    Basically, I am creating multiple tabs and populating a table in each. I then set the selected index to the last one. However, the display shows the first tabs data and each previous tab shows the first tabs data until I actually go back and click on the first tab... then each tab shows the correct data. I have tried many things... such as making the tabs opaque... getting the component and setting focus and visibility. Then I discovered the above bug that describes my problem. Any suggested workaround would be appreciated. bug is at... [bug id 6285072|http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=6285072]

    Seems to me you could just subclass JTabbedPane in that subclass override setComponentAt to provide the fix described in the bug. You just need to grab the changed method from the JDK 6 source.

  • Skins selectors

    Hi
    why there is no equivalent skin selectors for tableLayout,rowLayout,commandButton
    and few others components
    why they are making some features opaque
    we are in the process of converting JSP pages to JSF JSP using ADF faces
    but we can able to do as it is
    for example, in my old jsp i have used tables inside that i have placed some components but when i try to migrate it i cann't able to find equivalent component in ADF
    and also while i am going to make skins there to i am getting into problems
    Using skin i cann't able distinguish one component from another component
    what's the solution to this

    Hi,
    Skins for command button
    Button Selectors
    We do not support component-level selectors for buttons. For example, you cannot customize a goButton differently from a commandButton. You can customize buttons in general, and following is the description in how to do that.
    Skinning supports two very different button implementations. By default, standard browser buttons are used. However, the skinn ing also supports dynamic generation of image-based buttons. In order to enable image-based buttons, the following four button icon must be specified:
    * .AFButtonStartIcon:alias
    * .AFButtonEndIcon:alias
    * .AFButtonTopBackgroundIcon:alias
    * .AFButtonBottomBackgroundIcon:alias
    When these four icons are specified, ADF Faces combines the images specified by these icons into a single button image. (Note: These icons must be specified using either context-image or resource-image icons. Text-based icons are not allowed.)
    http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
    in my old jsp i have used tables inside that i have placed some components but when i try to migrate it i cann't able to find equivalent component in ADF
    JavaServer Faces uses containers (panels) to define the layout, no longer HTML tables (which is the JSP way of doing this). Its not a limitation of ADF Faces, its the way JSf is spec'ed
    i am going to make skins there to i am getting into problems
    Maybe you want to share these problems in a separate thread
    Frank

  • Making a component half way transparent(not fully opaque or nuopaque)

    Is it possible to make a component (frame, panel etc) half way transparent, I know that its possible to make it fully transparent but i would like to know of a way to go half way, thanks.

    I saw something recently about making a JFrame transparent in another question. You need to use a third party package. Sorry, I don't remember the posting. If you try searching the forum you might find it again. You can use my id as one of the keywords.
    Otherwise for JComponents you need to do three things:
    a) make the component non-opaque
    b) set the background color of the component using a Color object that has an "alpha" value specified.
    c) however you can't just set the background since it won't automatically be painted, so you need to override the paintComponent() method of the component to paint the background yourself. Something like:
    g.setColor(getBackground());
    g.fillRect(0, 0, getWidth(), getHeight());
    super.paintComponent(g);Or instead of using a background with an alpha value I think you can use something like this to paint the background:
    Graphics2D g2 = (Graphics2D)g;
    AlphaComposite ac = AlphaComposite.getInstance(AlphaComposite.SRC_OVER, alpha);
    g2.setComposite(ac);
    g2.setPaint(getBackground());
    g2.fillRect(0, 0, getWidth(), getHeight());Don't know which approach is better.

  • Making a Section of a Photo Opaque

    I have a background b&w photo for a book cover. I want to put red text over the middle third in a rectangle. Is there a way to make just this part of the photo opaque without doing it in Photoshop (which I don't really use). The text will be more readable if I do.

    Thanks Peter.
    More description. The photo to the left found here;
    http://deadliestfire.info/
    will be the back cover of a book. In the middle third I want to overlay red text (the back cover blurb). To make it readable I want to make the middle section of the building more opaque (maybe 25%) so the overlying red text is legible, but you can still make out it is the building underneath. Does that help?

Maybe you are looking for

  • External (USB) Hard drive errors when plugging in Ipod mini

    I just got an Ipod mini from a friend. I installed the newest version of Itunes and also updated the Ipod mini software. The problem I have had since the beginning is still there. When I plug in the Ipod, it gives me errors on my external hard drive

  • Airport Express Optical Audio Output: huge clicks... Solutions

    I'm using Airport Express to stream ALE audio to a Chime DAC, via the Toslink optical connector. Every time iTunes stops playing for more than about 5 seconds, a huge click is sent to the digital output, which is... you can imagine. Very annoying. I

  • My Experience (Not so Good)

    I have been an AT&T iPhone customer since the original 3G. My boss would call me all the time and eventually he agreed that if I buy a Verizon Iphone, he would cover the bill. I got the Verizon Iphone several months ago, and just recently went to por

  • Video loads part way and freezes

    Our site is keeping an archive of 45 min videos and for some reason they load for awhile and then the load bar jumps to the end and the video will freeze at that point in the scroll bar. This started with .flv files so we got a player that plays .mov

  • Link to line up under the h2

    Hi, this image is a screenshot of a box that is doing my head in.  Unfortunately site not live, which I know makes it harder for you to help me.  But I will endeavour to be succinct. The box is a div .. #box1 {     background-color:yellow;     height