Fix .gif to background image

Hi,I hope someone can help me with this.
Here is what I am trying to describe www.justinmettam.com
I want the animated gifs vertical position to stay just
bellow the horizon line and the horizontal position to stay in the
middle of the frame so when the browser is resized the the gif
stays centered to browser but is always just bellow the horizon of
the ocean. I hope someone can give advice for this ?
Am I doing it the right way ? the ocean graphic was inserted
as a page properties graphic and the animated gif is embeded in a
layer, So the question is does it need to be inserted in a layer or
can it just be placed on the page then positioned without having to
create a layer for it ?
Thanks in advance.

<img src="yourgif.gif" style="position:absolute; top:0;
left:134px;">
That image will be positioned directly under its nearest
positioned
container's top margin, and 134px to the right of its left
margin. If that
nearest positioned container happens to be a relatively
positioned, and
centering div, then the image will relocate itself as the div
centers.
That's all CSS (within the style attribute).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"mettam" <[email protected]> wrote in
message
news:etk2m2$ikj$[email protected]..
> Hi Thanks for your relpy,
> I thought CSS has more to do with formating text on a
page than
> positioning graphics can you explain how CSS can be used
to position the
> gif
>
> Justin.

Similar Messages

  • Fix page background image

    Is there anyway of fixing a page background image where the page content is longer than the image?  I want the content to scroll until the entire bg image is revealed, and then fix the image so that the rest of the text is displayed on top of it, rather than running off the bottom of it.
    Please see http://www.empathydesign.co.uk/development/lucid/travel-detail.shtml,  user name shannon, pw: ilkley57!
    Thanks

    Hi Shannon(?),
    let us take a step back and reflect a little bit about your wish, because I'm not sure that it is a good solution on this page to accommodate as much text that the visitor has to scroll in this great measure.
    And so MY recommendation is (please do not be angry, I want you to understand this as constructive criticism) that you limit the text onto the essentials and you better start a new additional page, where you can insert all the rest.
    Hans-G.

  • Constrain Browser to size of background image

    I have my background image at 770 x 989. I inserted 1 table
    cell at 100% and imported the background image into it. How do I
    keep the browser from enlarging bigger than the table cell? I'm
    using DW CS3 and have Firefox as my main browser. I'm on a mac
    running Leopard 10.5.2
    [email protected]

    As an example of how you will be trying to accomplish the
    impossible, open
    the page in Firefox, and increase the text size in the
    browser.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Walt F. Schaefer" <[email protected]> wrote in
    message
    news:fvlvur$aeh$[email protected]..
    > If your goal is to make your text content remain fixed
    to the background
    > image you are chasing a will-o'-the-wisp. Best you stop
    and take time to
    > learn HTML & CSS and how they interact.
    >
    >>How do I keep the browser from
    >> enlarging bigger than the table cell?
    >
    > You don't. Again, take time to learn how web pages work
    or you will be
    > chasing your tail.
    >
    > --
    >
    > Walt
    >
    >
    > "James Bechdel" <[email protected]>
    wrote in message
    > news:fvle96$n39$[email protected]..
    >>I have my background image at 770 x 989. I inserted 1
    table cell at 100%
    >>and
    >> imported the background image into it. How do I keep
    the browser from
    >> enlarging bigger than the table cell? I'm using DW
    CS3 and have Firefox
    >> as my
    >> main browser. I'm on a mac running Leopard 10.5.2
    >> [email protected]
    >>
    >
    >

  • Pages created from Template not showing background images

    I have created a templated and everything looks great, except when I go to create a page using the template. When I start a new page the backbround images are not there. Can anyone help?
    Thanks
    Jessica

    www.HSHpet.net is my website
    I didn;t know about templates when I started and now I want to create one to streamline my site and make it easier to manange. So right now each pageis copy and pasted.
    Here is the code from my dwt file
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Pet Sitting, Dog Walking, Dog Boarding, Cat Sitting, Dog Training, Yorkville, Oswego, Montgomery, Plano, Sandwich, Aurora, Plainfield, Aurora. " />
    <title>Home Sweet Home pet services | Pet Sitting | Cat Sitting | Dog Walking | Pet Boarding | Dog Training</title>
    <style type="text/css">
    .background {
              background-image: url(../378.gif);
              padding: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              font-family: Georgia, "Times New Roman", Times, serif;
              font-weight: bold;
    .table backgroun {
              background-image: url(../336.gif);
              font-family: Georgia, "Times New Roman", Times, serif;
              font-size: 14pt;
    tr td .background1 {
              background-color: #FFF;
              font-family: Georgia, "Times New Roman", Times, serif;
              background-image: none;
              border-top-style: solid;
              border-right-style: solid;
              border-bottom-style: solid;
              border-left-style: solid;
              font-size: 14pt;
              font-weight: normal;
              text-align: left;
    blue column {
              background-color: #09F;
              font-family: "Bradley Hand ITC";
    </style>
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
              background-color: #FFF;
              background-image: url(../435.gif);
    .background1 {
              background-image: url(../378.gif);
              border-top-color: #FFF;
              border-right-color: #FFF;
              border-bottom-color: #FFF;
              border-left-color: #FFF;
              padding: 0px;
              font-family: Georgia, "Times New Roman", Times, serif;
              font-size: 14pt;
              border-top-style: inset;
              border-right-style: inset;
              border-bottom-style: inset;
              border-left-style: inset;
    .background1 .background1 td .background tr td ul li {
              text-align: left;
    .background11 {
              background-image: url(../378.gif);
              border-top-color: #FFF;
              border-right-color: #FFF;
              border-bottom-color: #FFF;
              border-left-color: #FFF;
              padding: 0px;
              font-family: Georgia, "Times New Roman", Times, serif;
              font-size: 14pt;
              border-top-style: inset;
              border-right-style: inset;
              border-bottom-style: inset;
              border-left-style: inset;
    </style>
    <script type="text/javascript">
    function MM_validateForm() { //v4.0
      if (document.getElementById){
        var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
        for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
          if (val) { nm=val.name; if ((val=val.value)!="") {
            if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
              if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
            } else if (test!='R') { num = parseFloat(val);
              if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
              if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
                min=test.substring(8,p); max=test.substring(p+1);
                if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
          } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
        } if (errors) alert('The following error(s) occurred:\n'+errors);
        document.MM_returnValue = (errors == '');
    </script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-18640274-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    </head>
    <body>
    <table width="85%" border="5" align="center" cellpadding="5" class="background1">
      <tr align="center" valign="middle" class="table">
        <td colspan="2" class="table"><img src="../HSHLogo_White.png" width="350" height="125" alt="Home Sweet Home logo" longdesc="http://www.HSHpet.net" /></td>
      </tr>
      <tr>
        <td colspan="2" align="center"><table width="90%" border="4" align="center" class="background">
          <tr align="center" valign="middle">
            <td><img src="../dog.jpg" width="150" height="150" alt="golden retriever" /></td>
            <td><img src="../fish.jpg" width="150" height="150" alt="fish in bowl" /></td>
            <td><img src="../cat.jpg" width="150" height="150" alt="DSH tabby" /></td>
            <td><img src="../bird.jpg" width="150" height="150" alt="peach faced love birds" /></td>
            <td><img src="../bunny.jpg" width="150" height="150" alt="bunny" /></td>
            <td><img src="../lizzard.jpg" width="150" height="150" alt="lizzard" /></td>
            <td><img src="../cat&amp;dog.jpg" width="150" height="150" alt="puppy &amp; kitten" /></td>
          </tr>
          <tr align="center" valign="bottom">
            <td colspan="7"><div align="center">
              <ul id="MenuBar1" class="MenuBarHorizontal">
                <li><a href="../index.html" class="MenuBarHorizontal">Home</a> </li>
                <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
                  <ul>
                    <li><a href="../aboutus.html">About Us</a></li>
                    <li><a href="../teammembers.html">Team Members</a></li>
                    <li><a href="../15questions.html">15 Questions</a></li>
                    <li><a href="../happytails.html">Happy Tails</a></li>
                  </ul>
                </li>
                <li><a class="MenuBarItemSubmenu" href="../petsitting.html">Services</a>
                  <ul>
                    <li><a href="#">Pet Sitting</a>                  </li>
                    <li><a href="../k9cleanup.html">K9 Cleanup</a></li>
                    <li><a href="../overnightcare.html">Home Boarding</a></li>
                    <li><a href="training.htm">Training</a></li>
                  </ul>
                </li>
                <li><a href="#" class="MenuBarItemSubmenu">FAQ's &amp; Policies</a>
                  <ul>
                    <li><a href="../FAQ_PetSitting.html">Pet Sitting</a></li>
                    <li><a href="../FAQ_K9Cleanup.html">K9 Cleanup</a></li>
                    <li><a href="../FAQ_Boarding.html">Home Boarding</a></li>
                    <li><a href="#">Training</a></li>
                  </ul>
                </li>
    <li><a href="../NewsLinks.html">News &amp; Links</a></li>
                <li><a href="../CPR.html">Pet CPR</a></li>
                <li><a href="../employment.html">Employment</a></li>
                <li><a href="../contactus.html">Contact Us</a></li>
                <li><a href="#" class="MenuBarItemSubmenu">Schedule Service</a>
                  <ul>
                    <li><a href="https://www.powerpetsitter.net/login.aspx?bid=584">Existing Clients</a></li>
                    <li><a href="https://www.powerpetsitter.net/client/check_zipcode.aspx?id=584">New Clients</a></li>
                  </ul>
                </li>
              </ul>
            </div></td>
            </tr>
        </table></td>
      </tr>
      <tr valign="top" class="background1">
        <td class="background"><table width="100%" border="0" class="background1">
          <tr class="background1">
            <td align="center" valign="top"><p class="title"><!-- TemplateBeginEditable name="Heading" -->Tips for Conducting a Professional Pet Sitter Interview<!-- TemplateEndEditable --></p></td>
          </tr>
          <tr>
            <td align="center" valign="top"><!-- TemplateBeginEditable name="Body" -->
              <p align="left">Pet Sitters International (also known as PSI) was founded in 1994 as the first international association for professional pet sitters.             The mission of Pet Sitters International is to foster excellence and continuous learning in the pet-sitting profession by providing the best education and tools of the trade. We are very proud of our PSI membership.        </p>
            <!-- TemplateEndEditable --></td>
          </tr>
          <tr>
            <td align="center" valign="top"><table width="90%" border="0" align="center" class="background1">
              <tr align="center" valign="middle">
                <td><br/>                <a href="https://www.facebook.com/pages/Home-Sweet-Home-pet-sitting/107491737744" target="_top" title="Home Sweet Home pet sitting"><img src="https://badge.facebook.com/badge/107491737744.2549.1193722049.png" alt="facebook" width="120" height="65" align="absmiddle" style="border: 0px;" /></a></td>
                <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Bookmark and Share" width="83" height="16" align="absmiddle" style="border:0"/></a>                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=autiger811"></script></td>
                <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" alt="Bookmark and Share" width="125" height="16" align="absmiddle" style="border:0"/></a></td>
                <td><table width="170" border="0" cellspacing="0" cellpadding="0">
                  <tr bgcolor="#000000" valign="top">
                    <td width="9" rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/tl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                    <td width="152" height="1" align="center" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                    <td width="9" rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/tr_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                    </tr>
                  <tr>
                    <td width="152" height="8" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                    </tr>
                  <tr>
                    <td width="170" colspan="3" align="center" style="border-left: 1px solid #000000;border-right: 1px solid #000000;"><div align="center">
                      <form action="http://visitor.constantcontact.com/d.jsp" method="post" name="ccoptin" target="_blank" id="ccoptin" style="margin-bottom:3;">
      <font style="font-weight: bold; font-family:Georgia; font-size:13px; color:#000000;">Join Our Newsletter</font><br />
                        <font style="font-weight: normal; font-family:Arial; font-size:10px; color:#000000;">Email:</font>
                        <input type="text" name="ea" size="14" value="" style="font-family: Arial; font-size:10px; border:1px solid #999999;" />
                        <input type="submit" name="go" value="Join" class="submit"  style="font-family:Arial,Helvetica,sans-serif; font-size:11px;" />
                        <input type="hidden" name="m" value="1102843860723" />
                        <input type="hidden" name="p" value="oi" />
                        </form>
                      </div></td>
                    </tr>
                  <tr bgcolor="#000000" valign="bottom">
                    <td rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/bl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                    <td width="152" height="8" align="center" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                    <td rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/br_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                    </tr>
                  <tr>
                    <td width="152" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                    </tr>
                  </table></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
        <td align="center"><table width="90%" border="1" class="background">
          <tr>
            <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Give us a call:</p>
              <p><a href="http://www.ringcentral.com" target="Callback_RingMe" onclick='var wind = window; var winop = wind.open; winop(&quot;http://www.ringcentral.com/ringme/?uc=F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,&s=no &v=2", &quot;Callback_RingMe&quot;, &quot;resizable=no,width=380,height=360&quot;); return false;'><img border="0" src="http://www.ringcentral.com/ringme/F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,/1/ringme _6.gif" alt="virtual office phone" /></a></p></td>
          </tr>
          <tr>
            <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Send us a message:</p>
              <form id="form1" name="form1" method="post" action="../formtoemailpro.php">
                <p>Your Name: </p>
                <p>
                  <input name="Name" type="text" id="Name" onblur="MM_validateForm('Name','','R');return document.MM_returnValue" />
                </p>
                <p>Your Phone #:</p>
                <p>
                  <input name="phone" type="text" id="phone" onblur="MM_validateForm('phone','','RisNum');return document.MM_returnValue" />
                </p>
                <p>Your Email Address:</p>
                <p>
                  <input name="email" type="text" id="email" onblur="MM_validateForm('email','','RisEmail');MM_validateForm('email','','RisEmail');ret urn document.MM_returnValue" />
                </p>
                <p>I'm interested in:</p>
                <p>
                  <select name="services" id="services">
                    <option value="mid-day care" selected="selected">Mid-day Dog Walks</option>
                    <option value="K9 cleanup">K9 Clean up</option>
                    <option value="vacation care">Vacation Care</option>
                    <option value="cat care">Cat &amp; Small Animal Care</option>
                    <option value="Overnights">Overnight Care (my home)</option>
                    <option value="Pet Boarding">Overnight Care (pet sitter's home)</option>
                    <option value="Walk &amp; Trains">Walk &amp; Trains</option>
                    <option value="other">Other</option>
                  </select>
                </p>
                <p>Comments:</p>
                <p>
                  <textarea name="comments" id="comments" cols="25" rows="5"></textarea>
                </p>
                <p>
                <img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image"><br><a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">Reload Image</a><br />
                Verify code: <input type="text" name="captcha_code" size="10" maxlength="6">
                </p>
                <p>
                  <input type="submit" name="Submit" id="Submit" value="Submit" />
                  <input type="reset" name="reset" id="reset" value="Reset" />
                </p>
              </form>
              <p> </p></td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#00AEEF"><p> <span class="center" style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold; text-align: center;">Pet Care Services</span></p>
              <ul>
                <li>Dog Walking, Dog Boarding </li>
                <li>Pet Waste Removal Services</li>
                <li>Bird &amp; Reptile Care </li>
                <li>Walk &amp; Trains</li>
                <li>Cat Sitting</li>
                <li>Small Animal Care</li>
                <li>In Home Overnight Care </li>
                <li>Flexible and Custom Care </li>
                <li>Medications &amp; Injectables</li>
                <li>Dog Training </li>
                <li>Puppies and Older Pets </li>
                <li>Handicapped Pets</li>
              </ul>
              <p style="font-size: 14pt; text-align: center; font-weight: normal;"> </p>
              <p style="font-size: 11pt; text-align: center; font-weight: normal;">For your convinience we accept:</p>
              <p style="font-size: 14pt; text-align: center; font-weight: normal;"><img src="../visa_mastercard.jpg" alt="visa/mastecard" width="100" height="50" /></p></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td colspan="2" align="center" valign="middle"><span class="background2">&copy; 2007-2015 Home Sweet Home pet services</span></td>
      </tr>
    </table>
    <p>  </p>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      </script>
    </body>
    </html>

  • Gif loader for background image

    I simply want to run an animated gif while my background image loads for a slideshow.
    I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
    Can someone help me out to get this to work?
    I have this slideshow:
    http://www.piquecollaborative.com/fox.html
    and want an animated gif to run during load of each page
    gif is this:
    http://www.piquecollaborative.com/images/loading.gif
    here is my code for the page(s)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
    <meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
    <title>PIQUE: Fox House</title>
    <style type="text/css">
    .projectpage {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
    body,td,th {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #333;
        font-size: 12px;
    body {
        background-image: url(images/fox-01.jpg);
        background-repeat: no-repeat;
    #title {
        position:absolute;
        width:350px;
        height:65px;
        z-index:1;
        left: 10px;
        top: 10px;
    #apDiv1 {
        position:absolute;
        width:108px;
        height:161px;
        z-index:2;
        top: 3px;
        left: 8px;
    #apDiv2 {
        position:absolute;
        width:237px;
        height:160px;
        z-index:3;
        left: 118px;
        top: 3px;
        text-align: right;
    #text {
        position:absolute;
        width:351px;
        height:194px;
        z-index:4;
        left: 10px;
        top: 90px;
        background-image: url(images/fox-01.jpg);
    #project-text {
        position:absolute;
        width:355px;
        height:300px;
        z-index:5;
        top: 288px;
        text-align: justify;
        left: 13px;
    #right-arrow {
        position:absolute;
        width:90px;
        height:330px;
        z-index:6;
        left: 915px;
        top: 270px;
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
    <div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
    <div class="projectpage" id="text">
      <div id="apDiv2">Fox House<br />
        central Oregon<br />
        single family residence<br />
        4175 sqft<br />
        2010<br />
        Timberline construction, Elemental engineering </div>
      <div id="apDiv1">name:<br />
        location:<br />
        type:<br />
        size:<br />
        year:<br />
        collaborators: </div>
    <img src="images/line-dot-small.png" width="361" height="5" /><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <img src="images/line-dot-small.png" width="361" height="5" /> </div>
    <div id="project-text">
      <p> This home sits on a bluff  overlooking rolling sagebrush meadows   in Oregon&rsquo;s  High Desert  with views of the Cascade Mountains dominating    the western horizon. The owners, Matthew and Margherita Fox requested   an  extremely durable and energy efficient home for their family.  The   request  for a net zero house necessitated extensive use of photovoltaic   panels, ground  source heat-pumps, careful consideration of day   lighting and shading  strategies, and a super-insulated structure.  </p>
      <p>Italian architect and  childhood friend Maria Chiara Trevisan   created the original vision for the structure  as a gift to the Foxes.    The three masses, originally conceived as  parallelepipedo (rectangular   cubes) resting at various angles in the earth,  evolved into three   shelled structures clad in stone, a loose reference to the  Three   Sisters mountains which dominate the home&rsquo;s view.</p>
      <p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
    </div>
    <div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
    </body>
    </html>
    can anyone help me get a leg up on this?  Sorry to be such a noob.  This is not my trade and i have more respect for you all now than ever before!  sorry again,

    You might want to reconsider the use of absolutely positioned div's for layout purposes...
    it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
    Regarding your loading gif, try defining a container for the picture
    and position your loading gif as a centered non-repeating background for container
    and insert your image in the container.

  • Animated gif layered above background image

    I have a static background image which is displayed in a JPanel. I need to display animated gifs at certain positions on the base image. For every new frame of the animation, the paint method is called whcih attempts to load the entire base image + all the new animated images which is extremely slow!. It also means the animated gif keeps on getting loaded, and seldom gets beyond the first frame.
    Im sure many people have had to do something like this. Is the solution to draw the gifs on the glasspane (or use layered panes), and to have a seperate paint method? or is their a simple approach like setting a special clip area.

    thanks for the help...
    The size of the background image is approx 400*400 pixels (gif or jpg), and the icons are 25*25, and have between 1 and 6 frames.
    Here comes the code... I havent finished with the mediatracker stuff, but youll get the idea Im sure.
      public void paint(Graphics g) {
        MediaTracker tracker = new MediaTracker(this);
        tracker.addImage(image,0);
        try {tracker.waitForID(0);}
        catch (InterruptedException e){}
        g.drawImage(image, 0, 0, this); //draw background image (approx 400*400 pixels)
        int ICON_ID = -1;
        Image img;
        //draw all the icons...
        //all icons have between 1 and 6 frames. 25*25 pixels.   
        for (int i = 0; i < icon_IDs.size(); i++) {
          try {
            ICON_ID = new Integer(icon_IDs.elementAt(i).toString()).intValue();
            Point p = dm.getIconPosition(ICON_ID);
            if (isAlarm(ICON_ID)) {        //ITS AN ALARM - use animated gif
              img = getAlarmImage(ICON_ID);
            else                          //NORMAL ICON - no animation
              img = DataDefinition.getImageIcon(dm.getIconType(ICON_ID)).getImage();
            tracker.addImage(img,0);
            try {tracker.waitForID(0);}
            catch (InterruptedException e){}
            int width = DataDefinition.getSize(dm.getIconType(ICON_ID)).width;
            int height = DataDefinition.getSize(dm.getIconType(ICON_ID)).height;
            g.setClip(p.x, p.y, p.x+width, p.y+height);
            g.drawImage(img, p.x, p.y, p.x+width, p.y+height, 0,0,img.getWidth(this),img.getHeight(this),this);
          catch (SQLException sqle) {
            System.out.println("Could not find position of icon : " + ICON_ID);
      }

  • Animated GIF as a background image on a C5-00?

    Is there any way to get animated GIFs runnig as a background image on a C5-00? At the moment, it just shows a still picture....

    Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

  • Firefox 4.0: Improper handling of Animated Gif background-image

    FF 4.0 is giving erratic and incorrect displays of an animated gif on a project I am working on. I have prepared a very small sample that demonstrates the problem.
    The problem occurs when an animated gif is used as the background-image for a div (it may also be true when used as a background-image for the body, but I have not tested that).
    When a page is first loaded, the animated gif displays properly.
    I would expect that the animation be displayed as animated either:
    # On each page load
    # On a page load with new session or when the image is removed from cache prior to loading the page. Otherwise the last frame of the image would show
    The sample page is designed to test this.
    IE: Behaved as in #1, i.e. the image was animated on each and every page load. (IE 8: 8.0.6001....)
    Google Chrome: Behaved as in #2, i.e. the image is animated only when there is a new session or when the image is no longer in cache. (Version 10.0.648.204)
    FF 3.6.8: Slightly strange, but acceptable.
    * The image is animated on new session and on any reload button.
    * The last frame is displayed if the location is reentered in the URL bar.
    * The last frame is displayed if the back/forward navigation buttons are used.
    * SOMETIMES the image is animated and sometimes the last frame is displayed when the change page button is pressed (i.e. Javascript change page).
    FF 4.0: Just plain NOT acceptable
    * Correctly animates the image on page load for new session
    * Correctly animates the image on reload button following clearing the image from cache.
    * INCORRECTLY shows the FIRST gif frame if the reload button is pressed.
    * INCORRECTLY shows the FIRST gif frame if the URL is reentered from the URL bar.
    * INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page).
    * INCORRECTLY shows the FIRST gif frame if theURL is reentered from the URL bar after clearing the image from cache.
    * INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page) after clearing the item from cache.
    All of these tests were run with Windows XP-Pro (all service packs and updates applied).
    I can find no clear specification as to what ''should'' happen with pages using animated gifs that are already loaded.
    * I can conceive of rationales for always displaying with animation.
    * I can also conceive of rationales for sometimes displaying the last frame, especially if the same page is being reloaded since many sites reload the same page in response to user form submissions.
    # '''I can see no rationale for displaying the first frame of the gif and would suggest that this is a bug. '''

    Can be this bug:
    * [https://bugzilla.mozilla.org/show_bug.cgi?id=641198 Bug 641198] – Rollover animated gif show only one frame.
    You can try these nightly test builds to see if they behave better:
    Fx5.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-aurora
    Fx6.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central
    Create a new profile exclusively for each Firefox version and create a desktop shortcut with -P "profile" appended to the target to launch each Firefox version with its own profile.
    See these mozillaZine KB articles for information:
    * http://kb.mozillazine.org/Testing_pre-release_versions
    * http://kb.mozillazine.org/Creating_a_new_Firefox_profile_on_Windows
    * http://kb.mozillazine.org/Shortcut_to_a_specific_profile
    * http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox

  • Mixed results on iPad and iPhone 6 Plus with background image. How to fix this?

    Flash Professional CC
    I'm having an issue with adding images on iPhone 6 plus and iPad. I'm getting mixed results with two items: 1) a background image and 2) a button that should appear at the bottom left-hand corner on any device. In one case the background image appears enlarged and only shows about 30% of itself. In the other case, the bottom left-hand button appears about 50 pixels to the left when x=0. I also get different results when I set the following:
    stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.align = StageAlign.TOP_LEFT;
    This does not produce the expected results. I would like to have consistent results across iPad and iPhone 6 plus, which seams to be an issue. The immediate fix for this is to leave the images on the stage instead of using addChild. I could then just stretch the background image so that it spans the whole screen. But I want to add the items dynamically for greater flexibility.
    Here are two cases:
    Case #1:
    This an iPhone 6 plus and you should notice 2 things. 1) There is black and white on both sides. The blue background SHOULD APPEAR ACROSS THE WHOLE SCREEN. 2) The red button in the corner SHOULD APPEAR IN THE LEFT MOST CORNER OF THE
    SCREEN.
    Case #2:
    This an iPhone 6 plus and I have set the scale X, Y to the stage.stageWidth/Height:
    mc_stageBackground_Main.scaleX = stage.stageWidth;
    mc_stageBackground_Main.scaleY = stage.stageHeight;
    This results in a close up of the background image.
    Here is the code that I'm using:
    import com.greensock.TweenLite;
    import com.greensock.easing.*;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    //When this is active the background image spans across the device (iPhone 6 plus) correctly. The main logo image does not line up correctly.
    /*stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.align = StageAlign.TOP_LEFT;*/
    var main_logo:MC_LOGO_MAIN = new MC_LOGO_MAIN();
    var mainBackground_2208: MC_MAIN_BACKGROUND_2208 = new MC_MAIN_BACKGROUND_2208();
    var mainBackground_1024: MC_BACKGROUND_1024 = new MC_BACKGROUND_1024();
    var mainCorner: MC_MAINCORNER = new MC_MAINCORNER();
    var chapters: MC_CHAPTERS = new MC_CHAPTERS();
    var _stageWidth = 1024;
    if (stage.stageWidth > _stageWidth)
        //Add bigger background if the stage is bigger than 1024
        mainBackground_2208.x = stage.stageWidth/2;
        mainBackground_2208.y = stage.stageHeight/2;
        addChild(mainBackground_2208);
        //Using this code results in a very close up view of the stage on iPhone 6 plus  
        /*mc_stageBackground_Main.scaleX = stage.stageWidth;
        mc_stageBackground_Main.scaleY = stage.stageHeight;*/
        //Adds corner to the main screen.
        mainCorner.y = stage.stageHeight;
        mainCorner.x = (stage.stageWidth - stage.stageWidth);
        addChild(mainCorner);
        TweenLite.from(mainCorner, 1,{ height: 0, width: 0, delay:1, ease:Elastic.easeOut});
        //add logo to sit at 50 pixels from the top of the stage
        /*main_logo.x = stage.stageWidth/2;
        main_logo.y = (stage.stageHeight -stage.stageHeight + main_logo.height *.6);
        addChild(main_logo);
        TweenLite.from(main_logo, 1,{ y: -main_logo.height, ease:Elastic.easeOut});*/
    else
        trace ("The stage is 1024 or smaller");
        //Add 1024 background if stage is 1024 or smaller
        mainBackground_1024.x = stage.stageWidth/2;
        mainBackground_1024.y = stage.stageHeight/2;
        addChild(mainBackground_1024);
        //Adds corner to the main screen.
        mainCorner.y = stage.stageHeight;
        mainCorner.x = (stage.stageWidth - stage.stageWidth);
        addChild (mainCorner);
        TweenLite.from(mainCorner, 1,{ height: 0, width: 0, delay:1, ease:Elastic.easeOut});
        //adds chapters
        chapters.x = (stage.stageWidth - stage.stageWidth)+75;
        chapters.y = stage.stageHeight - 120;
        addChild(chapters);
        TweenLite.from(chapters, 1,{ height: 0, delay:.5, ease:Elastic.easeOut});  
        //adds the Main logo to sit at 50 pixels from the top of the stage
        main_logo.x = stage.stageWidth/2;
        main_logo.y = (stage.stageHeight -stage.stageHeight + main_logo.height *.6);
        addChild(main_logo);
        TweenLite.from(main_logo, 1,{ y: -main_logo.height, ease:Elastic.easeOut});

    On all of the devices go to settings - facetime - iphone cellular calls - oFF, this part of Apple continuity.

  • How to get background image to fill the browser and remain fixed in both IE and Firefox?

    Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
    First of all, I'm using IE8 and the latest version of Firefox to test this.
    I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
    In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
    Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
    So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
    One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
    In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
    On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
    Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

    This works in modern CSS3 supporting browsers.  But not pre-IE9.
    http://alt-web.com/TEST/Resizable-BG.shtml
    Nancy O.

  • New bug in IE11 -- scrolling position:fixed + background-image elements jitters badly.

    visit the following page in IE10 and IE11, and use your mouse wheel to scroll the page:
    http://www.oussamaharb.com/
    In IE <= 10, Safari, Chrome, and FireFox, the header section of that page stays put when scrolling.  However, only in IE11, when you scroll the page the the header jumps around and jitters.  Essentially IE11 will do this on any div with a fixed
    background image.
    Note the jitter does not happen if you grab the scrollbar with the cursor and move it up and down (which people rarely do).  Some sort of bug when using mouse wheel has been introduced in IE11.

    You are too late to see.  He removed
    background-attachment:fixed with IE11.  His link originally showed the stuttering.  It looked too unsatisfactory.
    You can still see his handsome design with FireFox where it continues to work well.  (And also good with Chrome, Opera, Safari too).  See how the picture on top stays fixed when you scroll the page?  Not with IE anymore.  With IE
    that great effect is removed, sacrificed to cure the ugly wart.  The picture now just scrolls upward with the page to avoid the IE11 bug.  Too bad.
    Since your first reply here 7 months ago.  Have you any special MVP insider-info yet how to make this great CSS3 port-hole feature scroll smoothly with IE11?  Or possibly, you have encouraging news that it will become corrected in IE12?  Your
    name is IECustomizer MVP.  It sounds like you will know.
    Here are more stutter examples for you to examine.  You may click the background to toggle several different ways to see the affliction during scroll.  Please post back and tell your observation that you can see this stutter.
    https://googledrive.com/host/0B8BLd2qPPV7XOGl1Sjk3c29uVlU
    Possibly somebody still hasn't yet noticed in bryanangler's example ("OP"), IE11 needs to be maximized (or large) to observe the problem.  At least,
    somebody has not acknowledged.  Bryanangler's page is Responsive Web Design (RWD).  The menu on top is present when space permits.  That's when the
    background-attachment:fixed applies and makes the horrid stutter.

  • When viewing some websites my desktop background image shows as the page background...why...and how do I fix this?

    It seems that the current version of Firefox does not understand how to process style sheets. Instead of the stylesheet background color or image, I am now seeing my PC's desktop background image. This does not happen with IE or Chrome. When checking the error console, I get "Warning: Unknown property 'zoom'. Declaration dropped. Source File: http://trustserve.net/themes/ModernBlue/templates_cached/EN/global.css Line: 4"
    I am not trying to zoom.
    Any ideas on how to fix this. I can't use Firefox with these problems and I really liked it prior to these problems.

    I thought I had it disabled. I enabled aero and then disabled to be sure, and still have the problem, but that was a very good idea. Thanks.
    The problem started shortly after I installed two new programs, a graphics program, and an anti-virus. I just removed both programs and restarted the computer and that seems to have solved the problem. Your idea about Aero gave me the idea that one, or both of these programs changed some of my system settings. I am now going to install them, one at a time, and see if the transparency problem returns. I'll post my findings.

  • Fix background image within div

    Hello
    I've done a lot of research about this, and tons os answers have come up, still, none solved my problem so far.
    I'm trying to make the background image within a div to be fixed when i scroll vertically.
    Have a template made, in which the only editable div is the rightdiv. (in red, to be easier)
    Here's my code
    CSS
    body {
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: center center;
    background-image: url(../Images/bgdr.jpg);
    background-repeat: no-repeat;
    #wrapper {
    height: 875px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    #header {
    background-repeat: no-repeat;
    clear: none;
    float: none;
    height: 214px;
    width: 1000px;
    background-image: none;
    position: relative;
    padding-top: 10px;
    #leftDiv {
    clear: none;
    float: left;
    height: 500px;
    width: 245px;
    position: relative;
    text-decoration: none;
    #rightDiv {
    clear: none;
    float: right;
    height: 484px;
    width: 755px;
    position: relative;
    overflow: auto;
    #footer {
    height: 100px;
    width: 1000px;
    clear: both;
    position: relative;
    padding-bottom: 20px;
    And here is my HTML
    <!-- InstanceBeginEditable name="RightDiv" -->
      <div id="rightDiv" style="background-image: url(Images/informacao.png)">
      </div>
      <!-- InstanceEndEditable -->
    Well, thing is that on Internet Explorer 9, the background image will repeat vertically when i scroll vertically. On Chrome it will stay fixed on scroll (and that is what i want).
    I tried adding style="background-attachment:fixed" , but that will make the image align fix itself relatively to the whole page, not the div only. Also, it repeats itself 4 times to oocupy the screen. I can solve that by "no-repeat", but it still is fixed to the browser page, not the div.
    I've been trying to fix this for days.. Help would be much appreciated.
    Funny thing is that this only happens in IE9.. Chrome works perfectly.

    DevilUrd wrote:
    Didn't work. sorry, but i don't think i understood ur reply quite well..
    Here's what i used:
    <!-- InstanceBeginEditable name="RightDiv" -->
    <div id="rightDiv" background:  url('Images/informacao.png') no repeat fixed;>
    <tr>
            <td>textextextextextextextextext</td>
          </tr>
    <!-- InstanceEndEditable -->
    Could u pls be a little more detailed?
    sorry, but i'm still very unexperienced at this..
    That is not a valid way to write css into your page and will not work. You appear to be trying to use the background shorthand css property within the html tag itself. If you want to use an inline style, it would need to be within the style html attribute...
    <div id="rightDiv" style="background:url(Images/informacao.png") no-repeat fixed top left;">
    But it would be better to place it in your css instead...
    #rightDiv {
    clear: none;
    background:url(Images/informacao.png") no-repeat fixed top left;
    float: right;
    height: 484px;
    width: 755px;
    position: relative;
    overflow: auto;

  • Loading transparent background gif on an image

    Hello everyone! I am trying to load a transparent background gif([http://www.aoml.noaa.gov/hrd/tcfaq/graphics/animehurr.gif]) on another image (which is a map). My way is adding two JPanels, each of them will load an image as an ImageIcon, however, the gif will display its transparent background as white. So, I googled the problem, it seems someone has a similar problem([t-681840]). I think the background area is not transparent due to the wrong container under the image, but I have no clue to make it right. I appeciated anyone can post a comment, or give me some advice.
    I attach my code as following.
        jPanel1 = new JPanel();
        getContentPane().add(jPanel1);
        jPanel1.setBounds(12, 10, 647, 358);
        ImageIcon iconMap = new ImageIcon("C:\\1\\com\\lfhsolutions\\trackthis\\images\\Map.JPG"); 
        JLabel label1 = new JLabel(); 
        label1.setIcon(iconMap);  
        jPanel1.add(label1);  
        this.getContentPane().add(jPanel1);
        setVisible(true);
        jPanel2 = new JPanel();
        getContentPane().add(jPanel2);
        jPanel2.setBounds(330, 200, 50, 46);
        ImageIcon iconHurricane = new ImageIcon("C:\\1\\com\\lfhsolutions\\trackthis\\images\\hurricane1.gif");
        JLabel label2 = new JLabel();
        label2.setIcon(iconHurricane);
        jPanel2.add(label2);
        this.getContentPane().add(jPanel2);
        setVisible(true);

    Sorry if my code bothers u, camickr !
    I am a noob for java and thie forum. I am not quite sure how a SSCCE should look at, but I will post code as below.
    import java.awt.BorderLayout;
    import java.awt.Canvas;
    import java.awt.Image;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.List;
    import javax.swing.GroupLayout;
    import javax.swing.ImageIcon;
    import javax.swing.JButton;
    import javax.swing.JComponent;
    import javax.swing.JLabel;
    import javax.swing.JMenu;
    import javax.swing.JMenuBar;
    import javax.swing.JMenuItem;
    import javax.swing.JOptionPane;
    import javax.swing.JPanel;
    import javax.swing.JTextArea;
    import javax.swing.JTextField;
    import javax.swing.LayoutStyle;
    import javax.swing.WindowConstants;
    import javax.swing.SwingUtilities;
    public class NewJFrame1 extends javax.swing.JFrame {
      //Set Look & Feel
      try {
       javax.swing.UIManager.setLookAndFeel("com.jgoodies.looks.plastic.Plastic3DLookAndFeel");
      } catch(Exception e) {
       e.printStackTrace();
    private JPanel jPanel2;
    private JPanel jPanel1;
    * Auto-generated main method to display this JFrame
    public static void main(String[] args) {
      SwingUtilities.invokeLater(new Runnable() {
       public void run() {
        NewJFrame1 inst = new NewJFrame1();
        inst.setLocationRelativeTo(null);
        inst.setVisible(true);
    public NewJFrame1() {
      super("Hurricane Tracker to Oil and Gas Producers");
      initGUI();
    private void initGUI() {
      try {
       setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
       getContentPane().setLayout(null);
        jPanel1 = new JPanel();
        getContentPane().add(jPanel1);
        jPanel1.setBounds(12, 10, 647, 358);
        ImageIcon iconMap = new ImageIcon("C:\\1\\com\\lfhsolutions\\trackthis\\images\\Map.JPG"); 
        JLabel label1 = new JLabel(); 
        label1.setIcon(iconMap);  
        jPanel1.add(label1);  
        this.getContentPane().add(jPanel1);
        setVisible(true);
        jPanel2 = new JPanel();
        getContentPane().add(jPanel2);
        jPanel2.setBounds(330, 200, 50, 46);
        ImageIcon iconHurricane = new ImageIcon("C:\\1\\com\\lfhsolutions\\trackthis\\images\\hurricane1.gif");
        JLabel label2 = new JLabel();
        label2.setIcon(iconHurricane);
        jPanel2.add(label2);
        this.getContentPane().add(jPanel2);
        setVisible(true);
       pack();
       this.setSize(806, 549);
      } catch (Exception e) {
       e.printStackTrace();
    }}

  • How to make a fixed background image in Dreamweaver CC

    I'm trying to make my background image fixed so when I scroll down in Dreamweaver CC it stays completely still, could someone please tell me how to do that?

    You've got a lot of code that you don't need.  And I'm very dubious about the file:/// path to your image.  Are you working in a Defined Local Site Folder?  The image path should be pointing to your site, not files:/// on your local hard drive.
    body {
    background:#000 url(concept_watch_dogs___wallpaper_1366x768_by_mackintosh141-d6led76.jpg) no-repeat center center fixed;
    Nancy O.

Maybe you are looking for

  • Music won't download from itunes to iphone

    Hiya, I have purchased music from Itunes App on my iPhone (4S with iOS7 update) and now it won't download to my music without being connected to the computer.  There are no restrictions to my data usage, iCloud is correctly signed in.  I have no trou

  • On start-up apple signal alternates/flashes with do not enter symbol

    I have not been able to enter safe mode. During startup tv apple flashes with the do not enter symbol. It goes on and on. Any suggestions? Thanks in advance.  MacBook Pro circa 2008, motherboard replaced 2011

  • Duplicate notifications for encrypted messages

    Hi all, We're using our C150 to quarantine emails that arrive with some form of encryption (e.g. a password-protected .zip).  When a matching email first arrives, it's correctly quarantined and sends an "Encrypted message detected" notification to th

  • XML Links in Flash

    Ok I have made a site that needs to have different galleries (swfs) loading in from an XML text field. The problem is if I use the XML command to open a new swf it opens in a new window and I can't have that. Even if I type '_self' it opens a new win

  • Problem with fan speed on FM2-A75-P33

    I have a problem with setting a lower cpu fan speed on my motherboard (Win7 64). It always runs on high speed, and I can not decrease it. When I set values for min speed in ClickBios II (or manually in Bios before booting) to 0%, and desired temperat