Background Image Not Visible in Browser

I have searched the forum but I'm not finding a solution that
works.
I'm trying to put a background .png image in a header. It
shows up in Dreamweaver but not in preview mode. I have an external
style sheet that contains this:
.twoColFixRtHdr #header {
background-repeat: no-repeat;
height: 126px;
width: 770px;
padding: 0;
background-position: left top;
margin: 0px;
background-image: url(assets/pictures/banner_3.png);
My page contains the following:
<div id="header">
<h1 class="banner_title_top">Text</h1>
<h1><span class="banner_title_bottom">Text
</span>
<!-- end #header -->
</h1>
The ".twoColFixRtHdr" is coming from the fact that I'm using
a pre-made Dw CSS layout.
Any help is very appreciated.
Jason

Should have made no difference.
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
==================
"j-hill" <[email protected]> wrote in
message
news:fb4cnk$fku$[email protected]..
> Out of desperation I tried to convert my image to a .jpg
and it seems to
> be working fine.
>
> Thanks,
> Jason

Similar Messages

  • Background Image not visible in a PDF report

    Hi Experts!
    I create a WORD 2007 template for BI Publisher 11g. I use a background image.
    When I test the template locally as a PDF, the background image is visible, but when I open the Report with the BI Publisher, there is no image.
    Has anyone an idea?
    Regards Norbert

    The size of the images was too big after compressing it. It worked fine.

  • Background image not cached in browser

    Hi,
    Using JDeveloper 11g R1.
    We have a template, with a PanelGroupLayout component with a background image, like follows:
    <af:panelGroupLayout layout="horizontal"
    inlineStyle="width:100%; height:2px; background-image:url(&quot;images/separacioRalles.jpg&quot;); background-repeat:repeat-x;"
    id="pt_pgl5">
    In runtime, the request made by the browser includes and _adf.ctrl-state=xxxxxx parameter, which I supose causes the browser not checking the cache.
    image/jpeg     http://127.0.0.1:7101/ViewController-context-root/faces/images/separacioRalles.jpg?_adf.ctrl-state=1bn1yq032y_79
    Is there any way to avoid this _adf.ctrl-state? or another way to set the desired background?
    Thanks,
    Roger

    Hi Frank,
    Not working fine at all.
    I tried as you said:
    <af:panelGroupLayout layout="horizontal"
    inlineStyle="width:100%; height:2px; background-repeat:repeat-x; background-image:url(&quot;/images/separacioRalles.jpg&quot;);"
    id="pt_pgl5">
    and this is the request received on the server:
    127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /images/separacioRalles.jpg HTTP/1.1" 404 1214
    Comparing with an af:image component:
    <af:image shortDesc="asdf"
    source="/images/help.gif" id="pt_i1"/>
    the request received on the server:
    127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /ViewController-context-root/images/help.gif HTTP/1.1" 304 0
    If I put the contextroot in the background-image:url (background-image:url(&quot;/ViewController-context-root/images/separacioRalles.jpg&quot;), it works fine.
    127.0.0.1 - weblogic [28/ago/2009:10:44:28 +0200] "GET /ViewController-context-root/images/separacioRalles.jpg HTTP/1.1" 304 0
    So seems that the background image url is not built in the same way as using af:image component.
    Roger B

  • Image in template background do not appear in browser

    Hello all
    I run a site ( http://ntp.neuroscience.wisc.edu/ ) that uses templates for backgrounds/spry menus for its pages. We currently use three templates to display backgrounds across the site and up until a few days ago everything displayed fine, until suddenly the main banner picture (bannerIndex.jpg) dissapeared from across all our pages, both in IE8 and Firefox 3.5. It used to display above the red spry menu tabs on the top of the whitespace. Check the index.dwt file attached to see where exactly. To my memory I didnt edit any of the templates or delete any of the image files, much less reupload the templates or download them from the remote server. I went back and reinserted all the pics into the templates, made sure they were attached to their right pages, and uploaded everything, but to no avail. the only major edit to the site I can remember that might have had an effect was that I rearraged some files on the local/remote server, but the shifts were within the same directory level and the files involved were not templates. I shifted everything back to their original order and still the problem persists. I'm attaching the code below (site first follow by the template which attaches to it) as it shows in the dreamweaver code editor (i'm using dreamweaver cs3) and I'll also attached the actual html and dwt files. again, the picture that does not show is bannerIndex.jpg and it should be above the spry menu tabs.
    <!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Neuroscience Training Program</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    <!--
    .style3 {
        font-size: 18px;
        color: #FF0000;
    -->
    </style>
    <style type="text/css">
    <!--
    .style4 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
    -->
    </style><!-- InstanceEndEditable -->
    <link href="Templates/index.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="images/brain.ico">
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    -->
    </style>
    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="pngfix/pngfix.js"></script>
    <![endif]-->
    </head>
    <body background="images/bgstripes2.jpg">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
        <td> </td>
        <td class="banner" colspan="7"><img src="images/bannerIndex.jpg"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td class="button">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="programlist.html">Program</a>
                <ul>
                  <li><a href="program/welcome.html">Welcome</a></li>
                  <li><a href="contact.html">Contact</a></li>
                  <li><a href="news.html">Recent News</a></li>
                  <li><a href="program/highlights.html">Overview</a></li>
                  <li><a href="program/progress.html">Getting a Degree</a></li>
                  <li><a href="program/courses.html">Graduate Courses</a></li>
                  <li><a href="program/seminar/seminar.html">Seminars</a></li>
                  <li><a href="program/lecture.html">Lecture Series</a></li>
                  <li><a href="program/jrnlclub.html">Journal Clubs</a></li>
                  <li><a href="program/map.html">Directions</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar2" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="researchlist.html">Research</a>
              <ul>
                    <li><a href="research/strengths.html">Strengths</a></li>
                    <li><a href="faculty/facultyMain.php">Faculty Research</a></li>
                    <li><a href="students/studentMain.php">Student Research</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar3" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="admissionslist.html">Admissions</a>
                  <ul>
                    <li><a href="admissions/admission.html#admissions">Requirements</a></li>
                    <li><a href="admissions/admission.html#materials">Application</a></li>
                    <li><a href="admissions/admission.html#aid">Financial Aid</a></li>
                    <li><a href="admissions/feegrant.html">Fee Grants</a></li>
                    <li><a href="admissions/admission.html#status">Application Status</a></li>
                    <li><a href="admissions/faq.html">FAQ's</a></li>
                    <li><a href="admissions/checklist.html">Check List</a></li>
                    <li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar4" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="resourcelist.html">Resources</a>
                  <ul>
                      <li><a href="resource/currstudents/currstudents.html">Current Students</a></li>
                    <li><a href="resource/coursePages.html">Course Pages</a></li>
                    <li><a href="resource/midlevel.html">Course Requirements</a></li>
                    <li><a href="resource/StudForms/studforms.html">Forms</a></li>
                    <li><a href="resource/alumni/alumni.html">Alumni Directory</a></li>
                    <li><a href="univlist.html">The University</a></li>
                    <li><a href="resourcelist.html#moreResources">More Resources</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
             <ul id="MenuBar5" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="eventslist.html">Events</a>
                  <ul>
                    <li><a href="events/AnnualPicnic/index.htm">Annual Picnic</a></li>
                    <li><a href="events/SumGradFair/index.htm">Graduate Fair</a></li>
                    <li><a href="events/k-12.htm">K-12 Outreach</a></li>
                    <li><a href="events/PosterFair/index.htm">Poster Fair</a></li>
                    <li><a href="events/ReSymp/index.htm">Research Symposium</a></li>
                  </ul>
              </li>
          </ul>    
        </td>
        <td class="button">
          <ul id="MenuBar6" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="undergradlist.html">Undergrad</a>
                  <ul>
                    <li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
                           Neurobiology Major Option</font></a></li>
                    <li><a href="undergrad/ugcourses.html">Undergraduate Courses</a></li>
                    <li><a href="undergrad/resopp.html">Research Opportunities</a></li>
                    <li><a href="undergrad/reaward.html">Research Awards</a></li>
                    <li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
                    <li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
                    <li><a href="undergrad/sciencejobs.html">Jobs in Science</a></li>
                    <li><a href="admissions/admission.html">Application</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td  width="100px"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="topbox"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="middlebox"><div class="content"><!-- InstanceBeginEditable name="content" -->
            <span style="float:right; padding-left:5px;">
                    <img src="Images/quickLinks2.png" alt="Quick Links" width="200" height="35" align="top">
                    <div style="width:200px; border-width:5px; border-style:solid; border-color:cccccc; padding:5px;">
                          <li class="newbullet"><a href="admissions/admission.html#admissions">Admission Requirements</a></li>
                            <li class="newbullet"><a href="faculty/facultyMain.php">Faculty Research</a></li>
                            <li class="newbullet"><a href="resource/midlevel.html">Mid-Level Courses</a></li>
                            <li class="newbullet"><a href="research/strengths.html">Research Strengths</a></li>
                            <li class="newbullet"><a href="program/seminar/semsch.html">Seminar Schedule</a></li>
                            <li class="newbullet"><a href="resource/StudForms/studforms.html">Student Forms</a></li>
            </div>
            </span>
            <a href="http://www.wisc.edu" target="_blank"><img border="0" align="left" src="images/uw_logo.gif" alt="Bascom Hill" width="150" /></a>
            <p>The Neuroscience Training Program was established in 1971. Currently, it comprises over 80 faculty members whose research interests range from molecular neurobiology to integrative systems and computational modeling. The program is designed to prepare students for careers in research and teaching. Training leads to the Ph.D. degree in neuroscience or the M.D./Ph.D. degree in cooperation with the School of Medicine and Public Health.</p>
            <img src="images/program_research.png" /><br />
            <span style="float:right;">
             <div class="newsbox">
             <li class="newbullet2"><em><a href="news.html#anesthesia">Brain Responses During Anesthesia Mimic Those During Natural Deep Sleep</a></em> <br>
    <a href="faculty/tononi.html">Giulio Tononi</a> and <a href="faculty/pearce.html">Robert Pearce</a> investigate where we go when we're sedated.
                <hr>
              </li>
              <li class="newbullet2"><em>Donated Fat Could Play Key Role in Neurosurgery</em> <a href="news.html#lipo">John S. Kuo</a> elevates fat's use from waste to healer.
                <hr>
              </li>
              <li class="newbullet2"><em>Depression saps endurance of brain's reward circuitry.</em> <a href="news.html#depression">Richard Davidson</a> and others discover depression's true nature. 
                <hr>
              </li>
              </li>
              <li class="newbullet2"><em>Can Meditation Sharpen Our Attention? </em><a href="news.html#attention">Richard Davidson</a> rethinks how we can wield our focus.
                <hr>
              </li>
              <li class="newbullet2">Synaptotagmin Plays a Critical Role in Initiating Cellular Fusion</em> features <a href="news.html#chapman">Edwin Chapman</a>
               <hr>
              </li>
              <li class="newbullet2">Wisconsin team grows retina cells from skin-derived stem cells </em>features <a href="news.html#retina">Su-Chun Zhang</a><br>
              <hr>
            </li>
            <li class="newbullet2">Reduced diet thwarts aging, disease in monkeys </em> features <a href="news.html#reduceDiet">Sterling Johnson</a></li>
            <hr>
            <li class="newbullet2">Seeing with your tongue: BrainPort device brings sight to the blind </em> features <a href="news.html#seeingTongue">Paul Bach-y-Rita</a>
              <hr>
            </li>
            <li class="newbullet2">Special protein helps maintain an efficient brain</em> features <a href="news.html#ebrain">Edwin R. Chapman</a></li>
            <hr>
            <li class="newbullet2">Researchers use brain interface to post to Twitter</em> features <a href="news.html#twitter">Justin Williams</a></li>
            <hr>
            <li class="newbullet2">When Minutes Matter</em> features<a href="news.html#minutes"> John Kou</a></li>
            <hr>
            <li class="newbullet2">Sleep: Spring Cleaning for the Brain? </em> features<a href="news.html#sleep"> Giulio Tononi and Chiara Cirelli</a></li>
            <hr>
            <li class="newbullet2">Study of Cat Diet Leads to Key Nervous System Repair Discovery </em> features<a href="news.html#cat"> Ian Duncan</a></li>
            <hr>
            <li class="newbullet2">Building a better brain </em> features<a href="news.html#Bbb"> Richard Davids</a></li>
            <hr>
            <li class="newbullet2"><i>Amazing Aimee</i> features<a href="news.html#aimee"> Aimee Arnoldussen</a></li>
            <hr>
            <li class="newbullet2"><i>Researchers Hail Obama's Order Removing Stem Cell Restrictions</i> features<a href="news.html#obama"> Clive Svendsen</a></li>
            <hr>
            <li class="newbullet2"><a href="news.html#restoration"><i>Let the Restoration Begin</i></a></li>
            <hr>
            <li class="newbullet2"><i>4th Annual Wisconsin Stem Cell Symposium: Cancer, Stem Cells and Cancer Stem Cells</i> features <a href="news.html#Symposium">John S. Kuo</a></li>
            <hr>
            <li class="newbullet2"><i>Psychoactive compound activates mysterious receptor</i> features <a href="news.html#psychoactive">Arnold Ruoho</a></li>
            <hr>
            <li class="newbullet2"><i>How do you mend a broken heart? Maybe someday with stem cells made from your skin</i> features <a href="news.html#brokenheart">Clive Svendsen</a>/li>
            <hr>
            <li class="newbullet2"><i>Mouse study reveals genetic component of empathy</i> features <a href="news.html#mouse">Jules Panksepp</a></li>
            <hr>
            <li class="newbullet2"><i>Early childhood stress has lingering effects on health</i> features <a href="news.html#childhood">Seth Pollak</a></li>
            <hr>
            <li class="newbullet2"><i>Genetic change prevents cell death in mouse model of Parkinson’s disease</i> features <a href="news.html#celldeath">Jeffrey Johnson</a> (NTP faculty)</li>
            <hr>
            <li class="newbullet2"><i>Protein that regulates hormones critical to women’s health found in pituitary</i> features <a href="news.html#protein">Meyer Jackson and Edwin Chapman</a> (NTP faculty)</li>
            <hr>
            </div>
            </span>
            <div class="newsbox">
              <li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#roundtable">Richard Davidson</a> is featured to speak at University Roundtable</span>
                <hr>
              <li class="newbullet2"><span class="style1 style1 style1"><a href="students/balakrishnan.html">Shilpashree Balakrishnan</a> has been honored with a Vilas Travel Award</span>
                  <hr>
        </li> <li class="newbullet2"><span class="style1 style1 style1"><a href="news.html#Davidson">Richard Davidson's</a> research inspires art, dance, and insight on what it means to change.</span>
                  <hr>
              </li>
              <li class="newbullet2"><a href="news.html#Krencik">Robert <span class="style1 style1 style1">Krencik's </span></a><span class="style1 style1 style1">research will be featured at the National Graduate Student Research Festival.</span><a href="news.html#sleepPerformance"><strong><br>
                </strong></a>
                  <hr>
              </li>
              <li class="newbullet2"><a href="news.html#sleepPerformance">Dr. Michael Peterson</a> is looking for males to participate in a study investigating sleep and performance</li>
              <hr>
              <li class="newbullet2"><a href="news.html#Kile">Kile Mangan</a> receiving an Epilepsy Foundation's Health Sciences Student Fellowship Award</li>
              <hr>
              <li class="newbullet2"><a href="news.html#Ashutosh">Ashutosh Dharap</a> received an American Heart Association Predoctoral Fellowship Award</li>
              <hr>
              <li class="newbullet2"><a href="news.html#AnnKelley">Ann Kelley</a> Fellowship in Behavioral Neuroscience</li>
              <hr>
              <li class="newbullet2">Undergrad. Summer Job in <a href="news.html#iskandar">Iskandar lab</a></li>
              <hr>
              <li class="newbullet2"><em>Stem-cell researcher lured to L.A.</em> features <a href="news.html#L.A.">Clive Svendsen</a></li>
              <hr>
              <li class="newbullet2"><a href="resource/StudForms/travel.html">Travel Award Application Form</a> is posted, deadline for application is May 20, 2009</li>
              <hr>
              <li class="newbullet2">1st year NTP student Valerie Grant has received a <a href="news.html#Grant">NSF Graduate Research Fellowship</a></li>
              <hr>
              <li class="newbullet2">NTP to host reception at <a href="news.html#SfN">2009 SfN</a> meeting in Chicago</li>
              <hr>
              <li class="newbullet2"><em>Training Scientists with the Skills Needed to Make Public Policy</em> features <a href="news.html#eletter">Ronald Kalil</a></li>
              <hr>
              <li class="newbullet2">Register for <em><a href="http://ntp.neuroscience.wisc.edu/events/NIH/index.htm">2009 National Institutes of Health Curriculum Workshop</a></em></li>
              <hr>
              <li class="newbullet2"><em>La Follette students attend law and life sciences conference</em> features <a href="news.html#conference">Patric Hernandez, Lindsay Pascal and Ishmael Amarreh</a></li>
              <hr>
              <li class="newbullet2"><i>12 finalists named for five spots in Wisconsin Institute for Discovery</i> features <a href="news.html#finalists">Craig Berridge</a></li>
              <hr>
              <li class="newbullet2"><em>Roundtable unveils spring lineup</em> features <a href="news.html#roundtable">Chiara Cirelli</a> (NTP faculty)</li>
              <hr>
              <li class="newbullet2"><em>Kemnitz to step down as Primate Center director</em> features <a href="news.html#kemnitz2">Joseph W. Kemnitz</a> (NTP faculty)</li>
              <hr>
            </div>
        <!-- InstanceEndEditable --></div></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="bottombox"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td width="700px" colspan="7">
            <div width="700px" colspan="2" align="center">
                <form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
                  <div>
                      <b>Search NTP: </b>
                    <input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
                    <input type="hidden" name="cof" value="FORID:11" />
                    <input type="hidden" name="ie" value="UTF-8" />
                    <input type="text" name="q" size="31" />
                    <input type="submit" name="sa" value="Search" />
                  </div>
                </form>
                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
                <p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
               <p align="center"><font size="2">7225 Medical Sciences Center<br>
                    1300 University Avenue<br></font>
                    <font size="2">Madison, WI 53706-1532<br><br></font>
                    <font size="2">Tel: (608) 262-4932 </font></p>
               <p align="center">
                     <a href="http://www.wisc.edu">UW Home</a>   
                     <a href="http://www.wisc.edu/grad/">Graduate School</a>   
                    <a href="sitemap.htm">Site Map</a></p>
               <hr align="center" width="50%">
               <p align="center">Copyright &copy; 2003 The Board of Regents of the University
                    of Wisconsin System<br>
                    Page Created
                    <!-- InstanceBeginEditable name="Created" -->February 7, 2008<!-- InstanceEndEditable -->
                    | Last Updated
                    <!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
                    Question or Comments, Please Contact <a href="contact.html">Jenny</a> or <a href="contact.html">Jessica</a> at <a href="mailto:[email protected]">
                    [email protected]</a><br>
               </p></div>    </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd --></html>
    Now Here's the Template
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>List</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="Templates/index.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="../images/brain.ico">
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    -->
    </style>
    <!--[if lt IE 7.]>
    <script defer type="text/javascript" src="pngfix/pngfix.js"></script>
    <![endif]-->
    </head>
    <body background="../images/bgstripes2.jpg">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
        <td> </td>
        <td class="banner" colspan="7"><img src="../images/bannerIndex.jpg"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td class="button">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="../programlist.html">Program</a>
                <ul>
                  <li><a href="../program/welcome.html">Welcome</a></li>
                  <li><a href="../contact.html">Contact</a></li>
                  <li><a href="../news.html">Recent News</a></li>
                  <li><a href="../program/highlights.html">Overview</a></li>
                  <li><a href="../program/progress.html">Getting a Degree</a></li>
                  <li><a href="../program/courses.html">Graduate Courses</a></li>
                  <li><a href="../program/seminar/seminar.html">Seminars</a></li>
                  <li><a href="../program/lecture.html">Lecture Series</a></li>
                  <li><a href="../program/jrnlclub.html">Journal Clubs</a></li>
                  <li><a href="../program/map.html">Directions</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar2" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="../researchlist.html">Research</a>
              <ul>
                    <li><a href="../research/strengths.html">Strengths</a></li>
                     <li><a href="../faculty/facultyMain.php">Faculty Research</a></li>
                    <li><a href="../students/studentMain.php">Student Research</a></li>
              </ul>
            </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar3" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../admissionslist.html">Admissions</a>
                  <ul>
                    <li><a href="../admissions/admission.html#admissions">Requirements</a></li>
                    <li><a href="../admissions/admission.html#materials">Application</a></li>
                    <li><a href="../admissions/admission.html#aid">Financial Aid</a></li>
                    <li><a href="../admissions/feegrant.html">Fee Grants</a></li>
                    <li><a href="../admissions/admission.html#status">Application Status</a></li>
                    <li><a href="../admissions/faq.html">FAQ's</a></li>
                    <li><a href="../admissions/checklist.html">Check List</a></li>
                    <li><a href="http://npp.neuroscience.wisc.edu/">Public Policy Program</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
          <ul id="MenuBar4" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../resourcelist.html">Resources</a>
                  <ul>
                       <li><a href="../resource/currstudents/currstudents.html">Current Students</a></li>
                    <li><a href="../resource/coursePages.html">Course Pages</a></li>
                    <li><a href="../resource/midlevel.html">Course Requirements</a></li>
                    <li><a href="../resource/StudForms/studforms.html">Forms</a></li>
                    <li><a href="../resource/alumni/alumni.html">Alumni Directory</a></li>
                    <li><a href="../univlist.html">The University</a></li>
                    <li><a href="../resourcelist.html#moreResources">More Resources</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td class="button">
              <ul id="MenuBar5" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../eventslist.html">Events</a>
                  <ul>
                    <li><a href="../events/AnnualPicnic/index.htm">Annual Picnic</a></li>
                    <li><a href="../events/SumGradFair/index.htm">Graduate Fair</a></li>
                    <li><a href="../events/k-12.htm">K-12 Outreach</a></li>
                    <li><a href="../events/PosterFair/index.htm">Poster Fair</a></li>
                    <li><a href="../events/ReSymp/index.htm">Research Symposium</a></li>
                  </ul>
              </li>
          </ul>    
        </td>
        <td class="button">
          <ul id="MenuBar6" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="../undergradlist.html">Undergrad</a>
                  <ul>
                    <li><a href="http://www.biology.wisc.edu/Academic_Programs/Biology/Neurobiology/index.asp">
                             Neurobiology Major Option</font></a></li>
                    <li><a href="../undergrad/ugcourses.html">Undergraduate Courses</a></li>
                    <li><a href="../undergrad/resopp.html">Research Opportunities</a></li>
                    <li><a href="../undergrad/reaward.html">Research Awards</a></li>
                    <li><a href="http://www.wisc.edu/cbe/research/funding.html">Research Funds</a></li>
                    <li><a href="http://neurosci.rso.wisc.edu/" target="_blank">Neuroscience Society</a></li>
                    <li><a href="../undergrad/sciencejobs.html">Jobs in Science</a></li>
                    <li><a href="../admissions/admission.html">Application</a></li>
                  </ul>
              </li>
          </ul>
        </td>
        <td  width="100px"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="topbox"></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="middlebox"><div class="content"><!-- TemplateBeginEditable name="content" class="content"-->
          <p>Content stuff goes here!</p>
          <!-- TemplateEndEditable --></div></td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td colspan="7" class="bottombox"> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td width="700px" colspan="7">
             <div width="700px" colspan="2" align="center">
                <form action="http://ntp.neuroscience.wisc.edu/search.html" id="cse-search-box">
                  <div>
                       <b>Search NTP: </b>
                    <input type="hidden" name="cx" value="011160202589940358049:xyauj-lfpd0" />
                    <input type="hidden" name="cof" value="FORID:11" />
                    <input type="hidden" name="ie" value="UTF-8" />
                    <input type="text" name="q" size="31" />
                    <input type="submit" name="sa" value="Search" />
                  </div>
                </form>
                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
                <p><a href="http://npp.neuroscience.wisc.edu">Neuroscience & Public Policy Dual-Degree Program</a>
                 <p align="center"><font size="2">7225 Medical Sciences Center<br>
                      1300 University Avenue<br></font>
                      <font size="2">Madison, WI 53706-1532<br><br></font>
                    <font size="2">Tel: (608) 262-4932 </font></p>
                <p align="center">
                       <a href="http://www.wisc.edu">UW Home</a>   
                       <a href="http://www.wisc.edu/grad/">Graduate School</a>   
                    <a href="../sitemap.htm">Site Map</a></p>
                <hr align="center" width="50%">
                <p align="center">Copyright &copy; 2003 The Board of Regents of the University
                      of Wisconsin System<br>
                      Page Created
                        <!-- TemplateBeginEditable name="Created" -->February 7, 2008<!-- TemplateEndEditable -->
                      | Last Updated
                      <!-- #BeginDate format:Am1 -->January 28, 2010<!-- #EndDate --><br>
                      Question or Comments, Please Contact <a href="../contact.html">Jenny</a> or <a href="../contact.html">Jessica</a> at <a href="mailto:[email protected]">
                    [email protected]</a><br>
                </p></div>    </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar6 = new Spry.Widget.MenuBar("MenuBar6", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    sorry for the messy code, i inherited this site from the previous employee and havent had a chance to optimize. even though I just joined the forums, thanks for your help!

    You only need to post a URL to your web site. We can see your code in Browser.
    So, your page looks OK to me in Firefox, but when I tried to check it in IE, it choked my browser and closed it.
    You have quite a few code validation errors - no document type declaration, etc... Start by fixing these reported errors.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fntp.neuroscience.wisc.edu%2F
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Just 1 Background image to fill the browser & NOT tiled images

    After reading some of the suggestions given in this forum, I gather that I have to use CSS to get around this problem. What I did was:
    in a Notepad text editor, typed & saved as mystyle.css
    body
    background-image:url('gradient-3-max.jpg');
    background-repeat:no-repeat;
    (*note: fr the CSS tutorial > How to > external style sheet. I may not have understood it completely.
    Reads: ...... Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:)
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle" />
    </head>
    I added this tag in my HTML document, however, the background is still tiled.
    Where did I go wrong? I am a newbie to flash, so kindly guide me thru each step
    Thank you!
    Karen

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

  • Spry Menu Background image not working in IE

    I have created a website using Dreamweaver CS5 and having trouble with my Spry bar in internet explorer. It looks great in chrome, firefox, etc, but in IE there is a white background instead of my background image and the submenus have moved WAY right.. can someone help me!
    SpryMenuBarHorizontal.CSS is below:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 800px;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 160px;
    float: left;
    background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
    ul.MenuBarHorizontal li a{
    color:#FFF;
    ul.MenuBarHorizontal li li{
    background-image: url(../images/menu_background1.jpg);
    ul.MenuBarHorizontal li li a{
    color:#000;
    ul.MenuBarHorizontal li li li{
    background-image: url(file:///E|/MAIN_website/images/index_06.jpg);
    ul.MenuBarHorizontal li li li a{
    color:#FFF;
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
    ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
    color:#33CCFF;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 160px;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
    font-family: Cambria, Arial, sans-serif;
    font-size: 14px;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
    text-decoration: underline;
    /* [disabled]background-image: url(file:///E|/MAIN_website/images/menu_background.jpg); */
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;

    Because I can't see your site and code in context, I will make a guess that this style is throwing off your alignment:
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 160px;
    float: left;
    background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
    Remove the text-align:center; from the above style.
    Instead of centering your list element (li), center the link text (a) itself:
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-family: Cambria, Arial, sans-serif;
    font-size: 14px;
    If you don't want the submenu text to be centered, do this immediately after the previous style:
    ul.MenuBarHorizontal ul a {text-align: left;}
    The sub-submenus are also set up by default to be jogged a bit to the right. You can adjust this style:
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    that causes sub-submenus to fly out to the right of the submenus to which they attach.
    Submenus themselves (not the sub-submenus) should fall directly under the top menu item by default, once you remove the text-align: center; on the li item (above).
    Beth

  • 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.

  • Background image not displaying

    I'm developing pages that will each have a different background image. i've defined a div with the bg image in it and put that div in the code, but the bg image doesn't show up. i've also tried adding a bg color to the div and that doesn't show up either, so i'm sure it's not a path or file name issue. css & code below.
    @import url("./whitespace-reset.css");
    @charset "UTF-8";
    body  {
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    #container  {
        width: 761px; /* the auto margins (in conjunction with a width) center the page */
        border: 0;
        text-align: left; /* this overrides the text-align: center on the body element. */
        height: 871px;
        margin: 0;
        padding: 0;
        background: #FFFFFF;
    #header  {
        height: 148px;
        width: 761px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    #leftside {
        width: 158px;
        float: left;
        margin-top: -38px;
        padding: 0px 0px 0px 0px;
    #leftside .menu img {
        display: block;
        margin: 0;
    #leftside  ul.menu {
        padding: 0px 0px 0px 0px;
        font-style: none;
        margin: 0;
    #leftside ul.menu li {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
    #leftspacer {
        width: 31px;
        float: left;
        height: 723px;
        margin-top: -38px;
        padding-right: 10px;
        background-image: url(images/home_spacer_left.jpg);
        background-repeat: no-repeat;
    #top  {
        margin-top: 0px;
        height: 38px;
        padding: 0px 0px 0px 0px;
    #top ul.menu {
        margin-top: 0px;
        margin-left: 189px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        list-style: none;
    #top ul.menu li {
        display: inline;
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;
    #bottom {
        height: 22px;
        left: 468px;
    #bottom ul.menu {
        margin-top: 300px;
        margin-right: -23px;
        float: left;
        margin-left: -61px;
        list-style: none;
    #bottom ul.menu li {
        display: inline;
        list-style: none;
        float: left;
    #mainContent  {
        margin: 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
        padding: 0 0 0 0;
    #facilitiesContent {
        background: #990000 url(images/facilities_bg.jpg) repeat;
        padding: 0;
        height: 208px;
        margin: 0;
        width: 573px;
    #footer  {
        padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#c0b7b2;
        height: 22px;
    #threepix {
        margin-left: 189px;
        margin-right: 0px;
        height: 114px;
    #col1 {
        position: relative;
    #col1-a {
        position: absolute;
        width: 275px;
        right: 0px;
        top: 0px;
    #col1-b {
        position: absolute;
        right: 0px;
        width: 275px;
        top: 0px;
    #pixcopyleft {
        margin-left: 189px;
        font-size: 1em;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 10px;
    #pixcopyright {
        font-size: 1em;
        margin-left: 189px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 10px;
    #footer ul.menu {
        margin-left: 189px;
        margin-right: 0px;
        margin-top: -22px;
        padding: 0px 0px 0px 0px;
        float: left;
    #footer ul.menu li {
        display: inline;
        list-style: none;
        padding: 0px 0px 0px 0px;
        float: left;
    #footer  p  {
        margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        padding: 10 0;
    img.imageleft {
        float: left;
        margin-left: 0px;
        padding: 5px 5px 5px 5px;
    img.imageright {
        float: right;
        padding: 5px 0px 5px 5px;
        text-align: right;
    .imagecenter {
        text-align: center;
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 0px;
        padding: 5px 5px 5px 5px;
    .fltlft { /* this class can be used to float an element left in your page */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
        height:0px;
        font-size: 1px;
        line-height: 0px;
    h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 3px;
    <!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" />
    <title>Core PIlates Studio </title> 
    <link href="core.css" rel="stylesheet" type="text/css" /> 
    <body bgcolor="#c0b7b2" onload="MM_preloadImages('images/nav_main_ourteam_roll.jpg')"> 
    <!--[if IE 5]> 
    <style type="text/css"> 
    /* place css box model fixes for IE 5* in this conditional comment */ 
    .thrColFixHdr #sidebar1 { width: 180px; } 
    .thrColFixHdr #sidebar2 { width: 190px; } 
    </style> 
    <![endif]--><!--[if IE]> 
    <style type="text/css"> 
    /* place css fixes for all versions of IE in this conditional comment */ 
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; } 
    .thrColFixHdr #mainContent { zoom: 1; } 
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */ 
    </style> 
    <![endif]--> 
    <script type="text/javascript"> 
    <!-- 
    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_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_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>
    <meta name="description" content="Core Pilates Studio is a classical, fully equipped pilates and Gyrotonic studio convenienly located near Vassar College in Poughkepsie, NY. We offer classical pilates, Gyrotonic and Gyrokinesis in private, semi-private and group sessions." />
    <meta name="keywords" content="core pilates studio, pilates, core, gyrotonic, gryokinesis, joeseph pilates, pilates in poughkeepsie, pilates in ny, pilates in new york" />
    </head>
    <body onload="MM_preloadImages('images/nav_main_home_roll.jpg','images/nav_main_programs_roll.j pg','images/nav_main_schedule_roll.jpg','images/nav_main_rates_roll.jpg','images/nav_main_ ourteam_roll.jpg','images/nav_main_contactus_roll.jpg')">
    <div id="container">
       <div id="header">   
        <img src="images/home_header.jpg" align="left" /><a href="index.html"><img src="images/home_logo_core.jpg"></a>     
      <!-- end #header --></div>
    <div id ="top">
      <ul class="menu">
          <li><a href="facilities.html"><img src="images/subnav_studio_facilities_down.jpg" class="menu"></a></li>
           <li><a href="rates.html"><img src="images/subnav_studio_rates_up.jpg" class="menu"></a></li>
           <li><a href="hours.html"><img src="images/subnav_studio_hours_up.jpg" class="menu"></a></li>
           <li><a href="policies.html"><img src="images/subnav_studio_polocies_up.jpg" class="menu"></a></li>
           <li><a href="directions.html"><img src="images/subnav_studio_directions_up.jpg" class="menu"></a></li>
           <li><a href="contact-us.html"><img src="images/subnav_studio_contactus_up.jpg" class="menu"></a></li>
           <li><img src="images/subnav_studio_back.jpg" class="menu"></li>
      </ul>
      <!-- end #"top" --></div>
      <div id="leftside">
    <ul class="menu">
          <li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_main_home_roll.jpg',1)"><img src="images/nav_main_home_up.jpg" name="home" width="158" height="39" border="0" id="home" /></a></li>
          <li><a href="programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('programs','','images/nav_main_programs_roll.jpg',1)"><img src="images/nav_main_programs_up.jpg" name="programs" width="158" height="39" border="0" id="programs" /></a></li>
          <li><a href="the-studio.html"><img src="images/nav_main_thestudio_down.jpg"></a></li>
          <li><a href="schedule.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('schedule','','images/nav_main_schedule_roll.jpg',1)"><img src="images/nav_main_schedule_up.jpg" name="schedule" width="158" height="39" border="0" id="schedule" /></a></li>
          <li><a href="rates.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rates','','images/nav_main_rates_roll.jpg',1)"><img src="images/nav_main_rates_up.jpg" name="rates" width="158" height="39" border="0" id="rates" /></a></li>
          <li><a href="contact-us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact us','','images/nav_main_contactus_roll.jpg',1)"><img src="images/nav_main_contactus_up.jpg" name="contact us" width="158" height="39" border="0" id="contact us" /></a><a href="our-team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('our team','','images/nav_main_ourteam_roll.jpg',1)"><img src="images/nav_main_ourteam_up.jpg" name="our team" width="158" height="39" border="0" id="our team" /></a></li>
          <li><img src="images/nav_main_space_below.jpg" /></li>
          <li><a href="mailto:[email protected]"><img src="images/home_email.jpg" /></a></li>
          <li><img src="images/home_address.jpg" /></li>
          <li><a href="special-programs.html"><img src="images/home_logo_special.jpg" /></a></li>
       </ul>
    <!-- end #leftside --></div>
    <div id="leftspacer"></div>
    <div id="facilitesContent">
    <div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
          <h1 align="right">What is Pilates?</h1>
          <div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
        <div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
        <h1 align="right">What is Pilates?</h1>
           <div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
      <!-- end #facilitiesContent --></div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
    <div id="footer">
       <ul class="menu"> 
           <li><img src="images/nav_bottom_left_space.jpg"></a></li>
           <li><a href="index.html"> <img src="images/nav_bottom_home.jpg"></a></li>
           <li><a href="programs.html"> <img src="images/nav_bottom_program.jpg"></a></li>
           <li><a href="the-studio.html"> <img src="images/nav_bottom_thestudio.jpg"></a></li>
           <li><a href="schedule.html"> <img src="images/nav_bottom_schedule.jpg"></a></li>
           <li><a href="rates.html"> <img src="images/nav_bottom_rates.jpg"></a></li>
           <li><a href="our-team.htm"> <img src="images/nav_bottom_ourteam.jpg"></a></li>
           <li><a href="contact-us.html"> <img src="images/nav_bottom_contactus.jpg"></a></li>
       </ul>
      <!-- end #footer --></div> 
    <!-- end #container --></div>
    </body>
    </html>

    Start by fixing the code errors.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.elixir.biz%2Fcore%2Ffacilitie s.html
    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. elixir.biz%2Fcore%2Ffacilities.html
    Your document type doesn't match your HTML closing tags.  Modify > Page properties > Encoding > choose either HTML or XHTML (transitional) and hit Apply.
    Images require an alt attribute for better web accessibility. If you want to skip this for now and add them later, that's OK.
    but your code won't validate until you add them to each image.
    When you've fixed the code errors, repbulish the page and see if that fixes the problem.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • Fill Image not visible with iOS (ipad/iphone)

    Hi
    I created a website with Adobe Muse and I have an issue when surfing with ipad or iphone.
    When you have a coloured rectangle and add a fill image to it, it's perfectly visible with any type of browser on a desktop pc.
    Yet, when using iOS7 the image is not shown, I only see the coloured rectangle.
    This issue only concurs when I use parallax layers. The moment I add a movement to the image, it's not visible on ipad.
    What I exactly do:
    image fill: adapt to fill (in dutch: aanpassen aan vulling) and centered
    movement: start movement up and right both on 0. after movement: up and right both on 0. This way I can create a parallax effect.
    You can look at the example: http://balratmort.businesscatalyst.com
    There are 4 image's not shown.
    Strange thing: the first image with the brazilian flag has the same settings as the others, and the image is visible!
    Could someone please help me in this?

    I found the solution/error!
    my main position in the movement tab was set to 0px.
    So the movement starts when i'm at the top of the page.
    when i reach the image it's already scrolled out of focus.
    I need to set this to the pixel where my rectangle starts, not 0px.
    and that's why the first image with the brazil flag, worked correctly!
    I hope it's clear, since my muse is dutch, not english.

  • CSS : Background image not appearing on header

    Hi Guys,
    I need help with the background color of my header, for some reason, it's appearing in dreamweaver but NOT in the browser (FF, Chrome)
    If you have firebug, you can check the source from the link below.
    http://oneworldlc.ph/contact.php
    <body>
    <div id="main_container">
      <!-- TOP_NAV-->
      <div id="top_nav">
        <div id="nav">
          <div id="nav_container">
            <ul>
              <li><a href="contact/index.html">Home</a></li>
              <li>|</li>
              <li><a href="#">About Us </a></li>
              <li>|</li>
              <li><a href="#">Company</a></li>
              <li>|</li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          </div>
        </div>
      </div>
      <!-- /TOP_NAV-->
      <div id="contact_banner">
        <div id="contact_logo">
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <h2 align="center">Merging cultural gaps between Americans and BPO centers in the Philippines</h2>
          <p align="center" class="emphasis_red">We provide FREE training</p>
        </div>
      </div>
      <div id="page-wrap">
        <p align="center"><img src="images/contact_07.png" alt="Contact One World Learning Center Inc." width="180" height="44" /></p>
        <p> </p>
        <h1 align="center">One World Learning Center Inc.</h1>
        <p align="center" class="georgia_16px_559cbe">21st Floor, Robinson's Cybergate Tower 3, Pioneer St.</p>
        <p align="center" class="georgia_16px_559cbe">Mandaluyong City 1550</p>
        <p align="center"><span class="georgia_16px_559cbe">Phone: +63 917 887 7424</span><br />
        </p>
        <div id="contact-area">
          <form method="post" action="contact/contactengine.php">
            <table>
              <tr>
              <td> </td>
                <td><em>
                  <label for="Name"  class="left"><strong>              Name:</strong></label>
                  (required)<br />
                  <br />
                  <input name="Name" type="text" value="First Name, Last Name" />
                </em></td>
              </tr>
             <tr>
                <td> </td>
                <td><em>
                  <label for="Tel"  class="left"><strong><br />
                  Contact Number:</strong></label>
                  (required)<br />
                  <br />
                  <input type="text" name="Tel" />
                </em></td>
              </tr>
              <tr>
                <td> </td>
                <td><label for="Email" class="left"><strong><em><br />
                Email:</em></strong></label>
                <em>(required)</em><br /><br /><input name="Email" type="text" value="[email protected]" /></td>
              </tr>
              <tr>
                <td> </td>
                <td><label for="Message" class="left"><strong><em><br />
                Message:</em></strong></label>
                <em>(required)</em><br /><br /><textarea name="Message" rows="20" cols="20">Type your message here</textarea></td>
              </tr>
            </table>
            <div id="captcha-area">
              <?php
                        require_once('contact/recaptchalib.php');
                        $publickey = "6Lcd3AgAAAAAAAshrQD48fz1uOm_KrgeRBEnsU9e";
                        $privatekey = "6Lcd3AgAAAAAALNv3Uga2Pi7tHi08wODv-fsXR_N";
                        # the response from reCAPTCHA
                        $resp = null;
                        # the error code from reCAPTCHA, if any
                        $error = null;
                        # are we submitting the page?
                        if ($_POST["submit"]) {
                          $resp = recaptcha_check_answer ($privatekey,
                                                                  $_SERVER["REMOTE_ADDR"],
                                                                  $_POST["recaptcha_challenge_field"],
                                                                  $_POST["recaptcha_response_field"]);
                          if ($resp->is_valid) {
                             echo "You got it!";
                             # in a real application, you should send an email, create an account, etc
                          } else {
                             # set the error code so that we can display it. You could also use
                             # die ("reCAPTCHA failed"), but using the error message is
                             # more user friendly
                             $error = $resp->error;
                        echo recaptcha_get_html($publickey, $error);
                        ?>
            </div>
            <input type="submit" name="submit" value="Submit" class="submit-button" />
          </form>
        </div>
      </div>
      </div>
    </body>
    Here's the css:
    @charset "utf-8";
    /* CSS Document */
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#main_container #top_nav {
         height: 35px;
         background-color: #000000;
    #main_container #top_nav #nav {
         font-family: Georgia;
         height: 35px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
    #page-wrap h1 {
         font-family: Georgia;
         font-size: 26px;
         font-style: normal;
    #footer  {
         background-color: #000000;
         color: #FFFFFF;
         text-align: center;
    #footer_owl_cont  p    {
         margin-left: 120px;
    #footer_owl_cont    {
         float: left;
         width: 481px;
         clear: both;
         margin-left: 239px;
         background-image: url(images/owl_footer.gif);
         background-repeat: no-repeat;
         background-position: left center;
         height: 142px;
         color: ffffff;
         background-color: transparent;
    #sidebar #sidebar_cont_2 {
         margin-top: 255px;
    #pitch_container {
         height: 150px;
         background-color: #000000;
         margin-right: auto;
         margin-left: auto;
         color: #FFFF00;
         font-family: Arial;
         font-style: italic;
         width: 900px;
         margin-top: 100px;
    #body_container {
         margin-right: auto;
         margin-left: auto;
         width: 940px;
         padding-top: 30px;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a    {
         color: #FFFFFF;
         text-decoration: none;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a:hover    {
         text-decoration: underline;
    #main_container #top_nav #nav ul li a {
         font-family: Georgia, sans-serif;
         color: 559cbe;
         text-decoration: none;
    #main_container #top_nav #nav {
         color: 559cbe;
         text-decoration: none;
    #main_container #top_nav #nav #nav_container {
         clear: both;
         float: left;
         margin-top: 10px;
    #main_container #top_nav #nav #nav_container a:hover {
         text-decoration: underline;
    #main_container #top_nav #nav #nav_container a {
         color: #559CBE;
         text-decoration: none;
         font-family: Georgia;
    #main_container #top_nav #nav ul {
         list-style-type: none;
    #main_container #top_nav ul li {
         display: inline;
         padding-right: 2.5px;
         padding-left: 2.5px;
    #copyright   {
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         height: 148px;
         color: 559cbe;
    #main_container   #header_container  {
         background-image: url(images/bg_header.jpg);
         background-repeat: repeat-x;
         background-position: center top;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: #000000;
    #main_container #header_container #header_main {
         height: 354px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         background-color: transparent;
         background-image: url(images/header_bg2.png);
         background-repeat: no-repeat;
         background-position: right;
    #main_container #header_container #header_main #submit_cont {
         float: left;
         margin-top: 233px;
         margin-left: 435px;
         font-size: 18px;
         font-family: Georgia;
         font-style: italic;
    #main_container #header_container #header_main #submit_cont a {
         color: #FFFF00;
         text-decoration: none;
    #main_container #header_container #header_main #submit_cont a:hover {
         text-decoration: underline;
    #sidebar {
         float: left;
         width: 380px;
         clear: both;
    #maincontent {
         width: 540px;
         margin-left: 400px;
         font-family: Georgia;
         line-height: 1.6em;
    #sidebar #banner_1_cont {
         height: 235px;
         width: 380px;
         background-image: url(images/banner_1_q1.jpg);
         background-color: transparent;
         background-repeat: no-repeat;
         background-position: center center;
         clear: both;
         float: left;
    #sidebar #banner_1_cont p {
         font-family: Georgia;
         font-size: 13px;
         font-style: italic;
         color: #000000;
         margin-top: 175px;
         margin-left: 15px;
         position: relative;
    #maincontent ol {
         list-style-position: inside;
    #maincontent h3 {
         font-size: 26px;
    #pitch_container ul li {
         font-family: Georgia;
         font-size: 26px;
         font-style: italic;
         line-height: 1.6em;
         color: 1e1e1e;
    I hope you can enlighten me guys, am I missing something which makes it NOT to appear in Dreamweaver?
    Regards,
    Sid

    Thanks for the response Gary. However, the 35px that you're seeing is actually for the #nav. I recreate the css and tried to remove some of the heirarchy thing. Here's the updated copy. I even tried to remove the #main_container. Same thing happens, the bg image is still not appearing? I tried changing the file type to JPG but to no avail. I think I'm overlooking something which is causing the issue.
    @charset "utf-8";
    /* CSS Document */
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#top_nav  {
         height: 35px;
         background-color: #000000;
    #nav   {
         font-family: Georgia;
         height: 35px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
    #page-wrap h1 {
         font-family: Georgia;
         font-size: 26px;
         font-style: normal;
    #footer  {
         background-color: #000000;
         color: #FFFFFF;
         text-align: center;
    #footer_owl_cont  p    {
         margin-left: 120px;
    #footer_owl_cont    {
         float: left;
         width: 481px;
         clear: both;
         margin-left: 239px;
         background-image: url(images/owl_footer.gif);
         background-repeat: no-repeat;
         background-position: left center;
         height: 142px;
         color: ffffff;
         background-color: transparent;
    #sidebar #sidebar_cont_2 {
         margin-top: 255px;
    #pitch_container {
         height: 150px;
         background-color: #000000;
         margin-right: auto;
         margin-left: auto;
         color: #FFFF00;
         font-family: Arial;
         font-style: italic;
         width: 900px;
         margin-top: 100px;
    #body_container {
         margin-right: auto;
         margin-left: auto;
         width: 940px;
         padding-top: 30px;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a    {
         color: #FFFFFF;
         text-decoration: none;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a:hover    {
         text-decoration: underline;
    #nav  ul  li  a   {
         font-family: Georgia, sans-serif;
         color: 559cbe;
         text-decoration: none;
    #nav   {
         color: 559cbe;
         text-decoration: none;
    #nav_container    {
         clear: both;
         float: left;
         margin-top: 10px;
    #nav_container  a:hover    {
         text-decoration: underline;
    #nav_container  a    {
         color: #559CBE;
         text-decoration: none;
         font-family: Georgia;
    #nav  ul   {
         list-style-type: none;
    #top_nav  ul  li  {
         display: inline;
         padding-right: 2.5px;
         padding-left: 2.5px;
    #copyright   {
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         height: 148px;
         color: 559cbe;
    #header_container     {
         background-image: url(images/bg_header.jpg);
         background-repeat: repeat-x;
         background-position: center top;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: #000000;
    #header_main   {
         height: 354px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         background-color: transparent;
         background-image: url(images/header_bg2.png);
         background-repeat: no-repeat;
         background-position: right;
    #submit_cont    {
         float: left;
         margin-top: 233px;
         margin-left: 435px;
         font-size: 18px;
         font-family: Georgia;
         font-style: italic;
    #submit_cont  a    {
         color: #FFFF00;
         text-decoration: none;
    #submit_cont  a:hover    {
         text-decoration: underline;
    #sidebar {
         float: left;
         width: 380px;
         clear: both;
    #maincontent {
         width: 540px;
         margin-left: 400px;
         font-family: Georgia;
         line-height: 1.6em;
    #banner_1_cont  {
         height: 235px;
         width: 380px;
         background-image: url(images/banner_1_q1.jpg);
         background-color: transparent;
         background-repeat: no-repeat;
         background-position: center center;
         clear: both;
         float: left;
    #banner_1_cont  p  {
         font-family: Georgia;
         font-size: 13px;
         font-style: italic;
         color: #000000;
         margin-top: 175px;
         margin-left: 15px;
         position: relative;
    #maincontent ol {
         list-style-position: inside;
    #maincontent h3 {
         font-size: 26px;
    #pitch_container ul li {
         font-family: Georgia;
         font-size: 26px;
         font-style: italic;
         line-height: 1.6em;
         color: 1e1e1e;

  • Images not visible in Web Dynpro

    Hi All,
    I am trying to show pictures from KM in a Web Dynpro for Java application but I have some issues with some pictures created and modified in Macintosh.
    Pictures/images created in Adobe Photoshop CS2 Macintoch are not visible.
    Any idea?
    Regards,
    Ridouan

    Hi Armin,
    The format is 240 by 340 px, the size is 85kb.
    The browser is displaying the images correctly and I can't open the images with MS Paint.
    I am using Windows viewer to view these images.
    The URL is correct as I have other images (not created in Macintoch) and Web Dynpro is displaying these images just fine. The size is here 10KB.
    If I place a link to the image then it will be displayed but not with the KM code.
    wdContext.currentContextElement().setImage("/irj/go/km/docs/documents/Telefoongids/"  + klaccount + ".jpg");
    IPublicTelGidController.IDetailsElement details = wdContext.currentDetailsElement();
              String klaccount = wdContext.currentDetailsElement().getKlaccount();
              String foto_ok = wdContext.currentDetailsElement().getFoto_Ok();
              String manager = wdContext.currentDetailsElement().getManager();
              if (foto_ok.equals("X") && manager.equals("X")){
                   IWDClientUser wdClientUser = WDClientUser.getCurrentUser();
                   IUser sapUser = wdClientUser.getSAPUser();
                   com.sapportals.portal.security.usermanagement.IUser ep5User = WPUMFactory.getUserFactory().getEP5User(sapUser);
                   //Getting the Resource...
                   IResourceContext resourseContext = new ResourceContext(ep5User);
                   IResourceFactory resourseFactory = ResourceFactory.getInstance();
                   String path = "/documents/Telefoongids/" + klaccount + ".jpg";
                   RID pathRIDimg = RID.getRID(path);
                   com.sapportals.wcm.repository.IResource resourceimg =
                   resourseFactory.getResource(pathRIDimg, resourseContext);
                   //Reading the image file...
                   BufferedInputStream bufIn =
                   new BufferedInputStream(resourceimg.getContent().getInputStream());
                   byte[] imagebyte = new byte[bufIn.available()];
                   bufIn.read(imagebyte);
                   //Mapping the image as a WebResourceu2026.
                   //IWDWebResource webResource = WDWebResource.getWebResource(imagebyte,WDWebResourceType.GIF_IMAGE);
                   IWDWebResource webResource = WDWebResource.getWebResource(imagebyte,WDWebResourceType.JPG_IMAGE);
                   wdContext.currentContextElement().setImage(webResource.getURL());
                else{
                     wdContext.currentContextElement().setImage("");
                catch (Exception e)
                e.printStackTrace();

  • Body background image not displaying in IE6

    I've looked at lots of questions about background image problems in IE6 but didn't see an answer to this one. I have a horizontal stripe on the page that's made of a background image in the <body> tag. The home page has a different size stripe than the subpages, so on the subpages I'm using a class style to call the background image.
    The home page body style looks like this:
    body {
        margin: 0;
        padding:0;
        text-align: center;
        background-image:url(../images/background_banner.jpg);
        background-repeat:repeat-x;
        height: 100%;
    And the subpages use this class style:
    .subpage {
        margin: 0;
        padding:0;
        text-align: center;
        background-image:url(../images/background_banner_sub.jpg);
        background-repeat:repeat-x;
        height: 100%;
    It works in all browsers except IE6, which loads the background image on the home page but not the subpages. So I suspect it's the class style it doesn't like. Is there an IE6 fix that will get it to work correctly?
    Here's the url of a subpage.
    Thanks,
    R-Co

    Well, both fixes still don't seem to work in IE6. And for some reason, the embedded style in the home page doesn't work at all. Here's the CSS for the method using different class styles for home and subpages:
    body {
        margin: 0;
        padding:0;
        text-align: center;
    .bodyhome {
        background-image:url(../images/background_banner.jpg);
        background-repeat:repeat-x;
        height: 100%;
    .subpage {
        background-image:url(../images/background_banner_sub.jpg);
        background-repeat:repeat-x;
        height: 100%;
    Here's a screen shot from Browser Lab showing what it looks like in IE6.
    Any ideas?
    Thanks again,
    R-Co

  • Images not visible in applet

    Dear all
    I have this applet for which i designed a toolbar.This toolbar has image icons that display some of the more used controlls. When i test it inside Eclipse i can see if perfectrly. But when i load it inside a browser i get some unexpected behaviour. The images for the image icons that are supposed to be in the tool bar are not visible. I checked the console output but it doesnt give me any permission errors. In the policy file that i placed in the same directory as the .html file i said to give all permisions.
    Is there anything i am missing? (My images are in a diferent subdirectory then the ones where the class files are)
    I know it is some sort of permission problem but dont know how to work it out. I tried by creating a signed applet too. But i think there must be something i am doing wrong.
    Cheers
    Dan

    This is the code i am using to set the image for the button:
    JToggleButton eraser = new JToggleButton( new ImageIcon("ToolbarIcons/eraser.JPG"));
    eraser.setMargin(new Insets(0,0,0,0));
    The result i get is the button with all the functionality but it is totaly grayed out without the image. So i am guessing the image does not get loaded.
    And the second instance where i am getting the images is :
    Toolkit tk = Toolkit.getDefaultToolkit();
    Image img1 = tk.getImage("Cursors/rubbermouse.gif");
    I am using the second case to load some images and cursors.
    Cheers
    Dan

  • CSS header images not visible except in design view

    I have a recurring problem in my css designs, and it's driving me to drink. In my stylesheets I define background and header images that work beautifully in design view, but when you view it any browser the header image is gone. This is not the first time I have struggled with this and I am over it. On the example I have posted there is an image underneath (not below, actually underneath) the company name and slogan at the top of the page, but you sure can't see it can you? As a matter of fact the second line of text completely disappears because the header image is not displayed. If someone can show me where I am going wrong with this I would appreciate it. The link to the site is here:
    http://firstvirginiaservices.com/test/index.html

    This is a path issue.
    You're testing your new website in a subfolder called test. The server does not know that.
    Your header rule points to the image with a site root reference i.e. starting from the root folder
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(/images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;
    That'll probably be OK when the site goes live but not while it lives in the "test" subfolder.
    The server is looking for
    http://firstvirginiaservices.com/images/header.jpg
    but the images folder does not exist at the root folder level yet so the file is not found and the image does not display.
    You really mean
    http://firstvirginiaservices.com/test/images/header.jpg
    The solution is to
    EITHER
    keep the root relative path and change the path temporarily in the CSS while you're working in the test folder
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(/test/images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;
    then tweak the path (remove "/test") when the site goes live.
    OR
    use a document relative path in the #header rule (from the CSS folder location to the images folder location)
    #header {
    margin:0;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(../images/header.jpg) ;
    background-repeat:no-repeat;;
    text-align: right;

  • How do I adjust my background image to fit my browser

    I have a background image that it 1600 x 1200 and when I try to view in browser, almost half the image gets cut off. How do I adjust the size to fit my browser or even adjust it to fit any browser?

    1600 x 1200 is a huge image by web standards.  Images don't resize to fill viewport without workarounds (tricks).  And while Martin's solution works in some browsers, it's not bulletproof.  Downsides may outweigh advantages. 
    For best cross browser results (including older IE), establish a fixed page width of say 1000px to fit on average displays.  Center your page layout.
    Open your image in Photoshop or Fireworks and resize it  to 1000 x 750.   Your image won't fill the viewport but it will fit your page width.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for

  • Error while importing samples

    Hi, I'm new to oracle bpel process manager 10.1.3.1.0 I have problem in importing a sample demos. Steps I followed: -Start JDeveloper -(with or without first creating a BPEL process project) File > Import > BPEL Process (browse to the .bpel file, cli

  • Timeline and full screen view in PSE11

    I have read as many reviews of PSE11 as I can find but none have mentioned the Timeline, which I use every day. Does it still exist in PSE11? What about the full screen view and compare side by side view? Do they still exist. If they do, can you stil

  • How to create sub-folders containg my announcment list item's images , instead of saving all the images insdie a share folder

    Today i have found this issue which i was not aware of. i have a team site collection, and inside this site collection i have an announcement App. now when users create announcement items and they insert pictures inside the items , all the images are

  • Retrive logical names of table in oracle?

    Hi, Select * from tab; Gives the physical name of table.... How to retrive the logical name of table?

  • Strange Behaviour of BEE form

    I created the batch header, and created the Batch line for an element, selected the assignment, added the input value effective date. it worked fine for me when i did manually. If i create the Batch line through an API, the batch line is created as e