Logo being overlapped by menu bar

I'm working on a new layout and my logo will not work in the upper right corner, being overlapped by menu bar. Any ideas on what I'm doing wrong? Here is the Link
and here is the code right now:
<body>
  <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->  
          <span class="right"><img src="images/eaglehead.png"></span>
          <h1>CHESTER COUNTY</h1>
          <h2>SCHOOL SYSTEM</h2>
        </div>
      </div>
      <nav>

Because your image natural height is 225px while your div#logo height is set to 130px.
If you remove height: 130px; from #logo you will see the logo in its entirety.
Kenneth Kawamoto
http://www.materiaprima.co.uk/

Similar Messages

  • Why is the Mozilla logo missing from the menu bar?

    I believe that a LOGO was on the very top of my home page, which let me know which browser I was using. It appeared either before or after the menu bar.

    It was in the Titlebar which is now hidden by default. If you open Customize via the 3-bar button on the right-side of the Navigation Bar and then select Customize, you'll find a Titlebar button in the lower-left corner - hit it to turn the Tilebar on.

  • Make a logo over lap menu bar and slideshow

    Hi!
    I want to have the logo of my page overlapping the menu bar and the slideshow.
    Below is a picture og how the site layout looks now and the code.
    Can anyone please help me out.
    Thanks in advice,
    Simon
    Code
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--[if lt IE 7 ]> <html class="ie6" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
    <!--[if IE 7 ]>    <html class="ie7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
    <!--[if IE 8 ]>    <html class="ie8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
    <!--[if IE 9 ]>    <html class="ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
              <title>#</title>
              <meta name="description" content=" add description  ... " />
              <meta name="keywords"    content=" add keywords     ... " />
              <!-- //////// Favicon ////////  -->
              <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
              <!-- //////// Css - stylesheets ////////  -->
              <link href="_layout/style.css"       rel="stylesheet" type="text/css" media="all" />
              <link href="_layout/style-print.css" rel="stylesheet" type="text/css" media="print" />
              <!-- //////// jQuery ////////  -->
              <script src="_layout/js/jquery-1.5.2.min.js" type="text/javascript"></script>
              <!-- //////// DD_belatedPNG - png fix for IE6 ////////  -->
              <!--[if IE 6 ]>
                        <script src="_layout/js/pngfix/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
              <![endif]-->
              <!-- //////// Cufon - font Replacement ////////  -->
              <script src="_layout/js/cufon/cufon.js" type="text/javascript"></script>
              <!-- //////// Tipsy - tooltips ////////  -->
              <script src="_layout/js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
              <link href="_layout/js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" />
              <!-- //////// prettyPhoto - lightbox ////////  -->
              <script src="_layout/js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript"></script>
              <link href="_layout/js/prettyphoto/css.prettyPhoto.css" rel="stylesheet" type="text/css" />
              <!-- //////// Validity - form validation ////////  -->
              <script src="_layout/js/validity/jquery.validity.js" type="text/javascript"></script>
              <link href="_layout/js/validity/css.validity.css" rel="stylesheet" type="text/css" />
              <!-- //////// Cycle - content slider  ////////  -->
              <script src="_layout/js/cycle/jquery.cycle.all.min.js" type="text/javascript"></script>
              <!-- //////// Tabify - create tabs ////////  -->
              <script src="_layout/js/tabify/jquery.tabify-1.4.js" type="text/javascript"></script>
              <!-- //////// Accordion - create accordions ////////  -->
              <script src="_layout/js/accordion/jquery.accordion.js" type="text/javascript"></script>
              <!-- //////// Custom Js ////////  -->
              <script src="_layout/js/scripts.js" type="text/javascript"></script>
              <script src="_layout/js/plugins.js" type="text/javascript"></script>
              <style type="text/css">
    <!--
    a:link {
              text-decoration: none;
    a:visited {
              text-decoration: none;
    a:hover {
              text-decoration: none;
              color: #2eabeb;
    a:active {
              text-decoration: none;
    -->
    </style><noscript>
                                  <link href="_layout/style-nojs.css" rel="stylesheet" type="text/css" />
                                  <div class="nojs-warning"><strong>JavaScript seems to be Disabled!</strong> Some of the website features are unavailable unless JavaScript is enabled.</div>
              </noscript>
              <div id="wrap">
                        <div id="header">
                        <div class="img"><a href="#"><img src="_layout/images/Logo.png"  /></a> </div>
    <ul id="menu"> 
      <li><a href="#" class="drop"></a>
        <!-- Begin 4 columns Item -->
        <div class="dropdown_4columns">
          <!-- Begin 4 columns container -->
          <div class="col_4">
          </div>
          <div class="col_1">
            <h3>Some Links</h3>
            <ul>
              <li><a href="#">ThemeForest</a></li>
              <li><a href="#">GraphicRiver</a></li>
              <li><a href="#">ActiveDen</a></li>
              <li><a href="#">VideoHive</a></li>
              <li><a href="#">3DOcean</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Useful Links</h3>
            <ul>
              <li><a href="#">NetTuts</a></li>
              <li><a href="#">VectorTuts</a></li>
              <li><a href="#">PsdTuts</a></li>
              <li><a href="#">PhotoTuts</a></li>
              <li><a href="#">ActiveTuts</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Other Stuff</h3>
            <ul>
              <li><a href="#">FreelanceSwitch</a></li>
              <li><a href="#">Creattica</a></li>
              <li><a href="#">WorkAwesome</a></li>
              <li><a href="#">Mac Apps</a></li>
              <li><a href="#">Web Apps</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Misc</h3>
            <ul>
              <li><a href="#">Design</a></li>
              <li><a href="#">Logo</a></li>
              <li><a href="#">Flash</a></li>
              <li><a href="#">Illustration</a></li>
              <li><a href="#">More...</a></li>
            </ul>
          </div>
        </div>
        <!-- End 4 columns container -->
      </li>
      <!-- End Home Item -->
      <li><a href="#" class="drop">Projects</a>
        <!-- Begin 4 columns Item -->
        <div class="dropdown_4columns">
          <!-- Begin 4 columns container -->
          <div class="col_4">
          </div>
          <div class="col_1">
            <h3>Some Links</h3>
            <ul>
              <li><a href="#">ThemeForest</a></li>
              <li><a href="#">GraphicRiver</a></li>
              <li><a href="#">ActiveDen</a></li>
              <li><a href="#">VideoHive</a></li>
              <li><a href="#">3DOcean</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Useful Links</h3>
            <ul>
              <li><a href="#">NetTuts</a></li>
              <li><a href="#">VectorTuts</a></li>
              <li><a href="#">PsdTuts</a></li>
              <li><a href="#">PhotoTuts</a></li>
              <li><a href="#">ActiveTuts</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Other Stuff</h3>
            <ul>
              <li><a href="#">FreelanceSwitch</a></li>
              <li><a href="#">Creattica</a></li>
              <li><a href="#">WorkAwesome</a></li>
              <li><a href="#">Mac Apps</a></li>
              <li><a href="#">Web Apps</a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3>Misc</h3>
            <ul>
              <li><a href="#">Design</a></li>
              <li><a href="#">Logo</a></li>
              <li><a href="#">Flash</a></li>
              <li><a href="#">Illustration</a></li>
              <li><a href="#">More...</a></li>
            </ul>
          </div>
        </div>
        <!-- End 4 columns container -->
      </li>
      <!-- End 5 columns Item -->
        <li><a href="#" class="drop"></a><!-- Begin 4 columns Item -->
            <div class="dropdown_4columns"><!-- Begin 4 columns container -->
                <div class="col_4">
                </div>
                <div class="col_1">
                 <h3></h3>
                    <ul>
                        <li><a href="#"> </a></li>
                    </ul>  
                </div>
                <div class="col_1">
                    <h3></h3>
                    <ul>
                        <li><a href="#">NetTuts</a></li>
                    </ul>  
                </div>
                <div class="col_1">
                    <h3></h3>
                    <ul>
                    </ul>  
                </div>
                <div class="col_1">
                </div>
            </div><!-- End 4 columns container -->
        </li><!-- End 4 columns Item -->
        <li><a href="#" class="drop"></a>
          <!-- Begin 4 columns Item -->
          <div class="dropdown_4columns">
            <!-- Begin 4 columns container -->
            <div class="col_4">
            </div>
            <div class="col_1">
              <h3></h3>
              <ul>
                <li><a href="#">Area </a></li>
                <li><a href="#"> </a></li>
                <li><a href="#">l</a></li>
                <li><a href="#"></a></li>
              </ul>
            </div>
            <div class="col_1">
              <h3></h3>
              <ul>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#">Pt</a></li>
                <li><a href="#">s</a></li>
                <li><a href="#">t</a></li>
                <li><a href="#"></a></li>
                <li><a href="#">Sn</a></li>
                <li><a href="#">s</a></li>
              </ul>
            </div>
               <div class="col_1">
              <h3></h3>
              <br />
              <ul>
                <li><a href="#">t</a></li>
                <li><a href="#">Pn</a></li>
                <li><a href="#">Sn</a></li>
                <li><a href="#">s</a></li>
              </ul>
            </div>
            <div class="col_1">
              <h3></h3>
              <ul>
                <li><a href="#"></a></li>
                <li><a href="#"> </a></li>
                <li><a href="#"> </a></li>
                <li><a href="#">Pt</a></li>
                <li><a href="#">I</a></li>
                <li><a href="#">st</a></li>
              </ul>
            </div>
            <div class="col_1">
              <h3></h3>
              <ul>
                <li><a href="#"></a></li>
              </ul>
            </div>
              <div class="col_1">
              <h3></h3>
              <ul>
                <li><a href="#"></a></li>
              </ul>
            </div>
          </div>
          <!-- End 4 columns container -->
        </li>
        <li><a href="#" class="drop">Sales Support</a>
                <!-- Begin 4 columns Item -->
                <div class="dropdown_4columns">
                  <!-- Begin 4 columns container -->
                  <div class="col_4">
            </div>
                  <div class="col_1">
                    <h3></h3>
                    <ul>
                      <li><a href="#"></a></li>
              </ul>
            </div>
                  <div class="col_1">
                    <h3></h3>
                    <ul>
                      <li><a href="#"></a></li>
                      <li><a href="#"></a></li>
                      <li><a href="#">i</a></li>
              </ul>
            </div>
            <br />
                  <div class="col_1">
                    <h3></h3>
                    <ul>
                      <li><a href="#"></a></li>
                      <li><a href="#"></a></li>
                      <li><a href="#"></a></li>
              </ul>
            </div>
                  <div class="col_1">
                    <h3></h3>
                    <ul>
              </ul>
            </div>
          </div>
      </li>
        <li><a href="#" class="drop"></a>
        <!-- Begin 4 columns Item -->
        <div class="dropdown_4columns">
          <!-- Begin 4 columns container -->
          <div class="col_4">
          </div>
          <div class="col_1">
            <h3></h3>
            <ul>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3></h3>
            <ul>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3></h3>
            <ul>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3></h3>
            <ul>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
              <li><a href="#"></a></li>
            </ul>
          </div>
          <div class="col_1">
            <h3></h3>
            <ul>
              <li><a href="#"></a></li>
            </ul>
          </div>
        </div>
        <li class="menu_right"><a href="#" class="drop">Main</a> 
            <div class="dropdown_1column align_right"> 
                    <div class="col_1"> 
                        <ul class="simple"> 
                            <li><a href="#"><strong></strong></a></li> 
                            <li><a href="#"></a></li> 
                            <li><a href="#"></a></li> 
                            <li><a href="#"></a></li> 
                        </ul>    
                    </div> 
            </div> 
      </li>
    </ul>
    <div class="row slideshow-container no-print fixed">
      <div id="slideshow-index">
                                                      <ul>
                                                                <li>
                                                                  <div class="slidetext">
                                                          <h2>Proin porttitor<br /> pulvinar risus nec</h2>
                                                                                    <p>Sed interdum eleifend mollis. Proin quis lectus libero. Integer eu lectus erat, id aliquet risus.
                                                                                     Vivamus vitae mollis purus. Fusce id diam at purus sodales mollis.  <a href="#">more</a></p>
                                                                  </div>
                                                          <img src="images/slider/1.jpg" width="948" height="400" alt="" />                                                            </li>
                                                                <!-- end slide 1 -->
                                                                <li>
                                                                          <img src="images/slider/2.jpg" width="948" height="400" alt="" />
                                                                          <div class="slidetext">
                                                                                    <h2>Curabitur<br /> sed sollicitudin orci.</h2>
                                                                                    <p>Nunc eu tellus sed felis vestibulum pulvinar sed ac enim. Quisque tincidunt urna id arcu egestas
                                                                                     a rhoncus purus molestie erat eget nunc varius. <a href="#">more</a></p>
                                                                          </div>
                                                                </li><!-- end slide 2 -->
                                                                <li>
                                                                          <img src="images/slider/3.jpg" width="948" height="400" alt="" />
                                                                          <div class="slidetext">
                                                                                    <h2>Suspendisse vest<br /> pretium laoreet</h2>
                                                                                    <p>Aliquam erat volutpat. Maecenas tincidunt porta hendrerit. Sed quis tristique nulla. Fusce volutpat
                                                                                     lobortis tellus sed tincidunt consequat egestas a elementum dolor. <a href="#">more</a></p>
                                                                          </div>
                                                        </li><!-- end slide 3 -->
                            <li>
                                                                          <img src="images/slider/4.jpg" width="948" height="400" alt="" />
                                                                          <div class="slidetext">
                                                                          </div>
                                                                </li><!-- end slide 4 -->
                                                      </ul>
                                                      <div id="index-slideshow-pager"> </div>
      </div><!-- end #slideshow -->
                <!-- ////////////////HERTIL ER ALT RETT ///////////////////////////////////////////////////////////////////////////////////////// ////////////////// -->
                                  <div id="content">
                <table width="948px" height="40px" margin="margin: auto 6px auto 6px">
                <tr>
                <td><a href="#"></a></td>
                <td><a href="#"></a></td>
                <td><a href="#"></a></td>
                </tr>
                </table>
                <br />
                                  <div class="venstre" style="width: 530px; margin: auto 6px auto 40px;">
                                   <h2>Heading</h2>
                                                      <p>
                                                                Text </p>
                </div>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                  </br>
                                </br>
                                  </br>
                                  </br>
                                  </br>
                        </div><!-- end #content -->
                        <!-- ///////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////// -->
    </div><!-- end #header -->
              </div><!-- end #wrap -->
                                  <!-- KOPIER HERFRA ORGINALE FININI/////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// -->
              <div style="background: url(images/footer.png) no-repeat; position: bottom; margin: auto 6px 40px 6px; color: #ffffff;">
                                  <div id="fot" style="width: 940px; float:center; text-align: left; margin-left: 40px; margin-right: 40px; padding-top: 25px; color: #ffffff;">
                                            <table style="border: 0px;">
                                                      <tr style="border: 0px;">
                                                                <td width="146px" style="border: 0px;">
    *table*
                                            </table>
                                  </div>
    </div>
              <script type="text/javascript"> Cufon.now(); </script>
              <!-- analytics code here -->
                        <!-- /TIL HIT////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////// -->
    </body>
    </html>
    CSS:
    /* =RESET
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym, address,
    big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,d t,dd,ol,ul,li,fieldset,
    form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:;border:0;outl ine:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-a lign:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{ border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:b efore,q:after{content:""}blockquote,q{quotes:""""}
    /* =GENERAL
    div.img
      margin-left:6px;
      z-index:200;
              body, ul, li {
              font-size:12px;
              font-family:Arial, Helvetica, sans-serif;
              line-height:21px;
              text-align:left;
    #menu {
              list-style:none;
              width:870px;
              margin:0px auto 0px 44px;
              height:40px;
              padding:0px 20px 0px 20px;
              z-index:100;
              /* Background color and gradients */
              background: #636363;
              background: -moz-linear-gradient(top, #636363, #353535);
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#353535));
    #menu li {
              float:left;
              display:block;
              text-align:center;
              position:relative;
              padding: 4px 10px 4px 10px;
              margin-right:5px;
              margin-top:5px;
              border:none;
              z-index:100;
    #menu li:hover {
              border: 1px solid #777777;

    Thanks Nancy,
    However, two new issues appeared when I added the float, both the text in the menu and the image slider is now too far left.
    See image below.

  • Artifacts between Logo and Vertical Menu Bar

    See http://www.ottawapatentagency.com
    Artifact #1: a light grey dot at the joint between the logo and the vertical menu bar, on the right hand side.
    Artifact #2: on mouse over 'Home' - the top menu item of the vertical menu bar - there appears a light-colored, 1-pixel separation between the logo and the vertical menu bar.
    The logo is a standard gif and the vertical menu bar is a standard spry menu bar, I am puzzled.
    Anyone has a solution?

    You could try adding the following code above your closing </head> tag:
    <!--[if IE]>
    <style>
    UL.MenuBarVertical:after
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0;
    UL.MenuBarVertical
        display: inline-block;
    UL.MenuBarVertical{
        display: block;
        -height: 1px;
    </style>
    <![EndIf]-->
    Also, it looks like you need to add closing brackets to the following two lines:
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"
    <link rel="icon" href="/favicon.ico" type="image/x-icon"

  • HT2490 menu bar at top screen mountain lion is on pop up mode, I want it to stay visible but can't find where to do that on the system preferences

    I hate the mountain lion upgrade and have had more problems with it than good things!
    Its reset a lot of things on my computer, one of them being that the menu bar at the top with the apple logo on the right etc pops in and out of view whereas I would like it to stay visible but admittedly I'm no computer genius but I can't find where to change this setting. Any help???
    And mountain lion with safari blocks plug-ins so I installed google chrome which works fine so I can watch you tube, why can't I watch you tube with safari??? totally annoying!!!! I have the most up to date adobe flash player also but it always tells me its not up to date. No idea how to fix this but I hope apple fixes it soon. Really disappointed with the "upgrade"
    I would appreciate anyone that could lead me in the right direction so I can function normally again.

    If you can't see the menu bar using Safari, it sounds like you're using full screen mode.
    Try  Control + Command + F to reveal or hide the menu bar.
    For the blocked plugin issue try here > safari 6.0 flash problem (blocked plug...: Apple Support Communities

  • Make a logo overlap menu bar

    I have a logo picture file that has a transparent background.  Below that I have a spry menu bar and then the main box with content.  The logo is my name in script.  I want the J of my logo to drop down below the top line of the menu bar, just like it would if you were writing on lined paper.
    Any help would be appreciated.

    Try absolutely positioning the logo,
    HTML
    Change line 96:
    <img src="Images/brown logo.png" width="587" height="195" />
    to
    <div class="logo"><img src="Images/brown logo.png" width="587" height="195" /></div>
    CSS
    Add a new rule
    .logo {
         position: absolute;
         top: 30px;
         left: 50px;
         z-index: 9999;
    Change (starts line 44)
    .container {
    width: 1260px;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 550px;
    to
    .container {
    width: 1260px;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    margin-top: 150px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 550px;
    Play with the  values to get your preferred layout.
    NOTE ON THE LOGO: http://www.photosbyalecia.com/Images/brown%20logo.png
    Don't know if it's the final version or not but, as it stands, that logo is way too big for a web page. Needs optimizing.
    It's 3448px x 1301 px scaled down in the web code to 587px x 195px.
    Weighs in at 240KB. Should be 15KB max.
    Browsers must first download the fullsize file then resize the image.
    Suggest you resize it in Photoshop (or your favourite editor) to final size before uploading.

  • Fluid menu bar overlaps

    Hi, currently I have a logo set to float to the left and the menu bar to float to the right(layout.css), the problem is when the windows is resized below a certain resolution the menubar overlaps the logo (ends up underneath it). How can I set a certain minimum/maximum resolution for the page? so the fluid logo and menubar dont intersect?
    Thanks Dovydas

    This is known as a semi-liquid layout.  Adjust widths as needed.
    #container {
    width: 100%;
    min-width: 980px;
    max-width: 1400px;
    Nancy O.

  • Spry Menu bar is being stubborn

    I am trying to put a horizontal Spry menu bar in my header. Here is the code that, to me looks like it is in the header:
    <div id="header">
    <h1>Beer Diary</h1>
    <ul id="header_navi" class="MenuBarHorizontal">
       <li><a href="#">Home</a></li>
       <li><a href="#">Add Beer</a></li>
       <li><a href="#">BJCP</a></li>
       <li><a href="#">Sites</a></li>
    </ul>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("header_navi", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </div><!--end header div-->
    Here is all the CSS script that, I think, affects the menu:
    /* 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: auto;
    /* 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: 8em;
        float: right;
    I have no clue what's going on. Here are some screen snap shots of the outcome:
    The above image is from Firefox. This is also the Live View view. The brown behind the navi bar is the container div.
    In the second image, which is the Design view, it appears that the navi is in the header.
    Any tips?
    Also, on an aside- if you have a tip of making the red sidebar go all the way down to the footer, that be great too!
    Thanks,
    Gregg

    Validate your HTML code and fix reported errors. 
    HTML - http://validator.w3.org/
    If that doesn't help you fix the problem, we'll need to see a link to your online page.
    Nancy O.

  • IPad running iOS 5 has on the menu bar only have 4 icons, being: back, forward, bookmarks, and the "add to bookmarks", but is missing an icon after the "add to bookmarks" arrow, that is a "show all open browser windows" icon. How do I get it in my safari?

    iPad running iOS 5 has on the menu bar only have 4 icons, being: back, forward, bookmarks, and the "add to bookmarks", but is missing an icon after the "add to bookmarks" arrow, that is a "show all open browser windows" icon. How do I get it in my safari?

    What you are seeing is how Safari works now in iOS 5. There is no way to get that icon in Safari now. There other much better browsers available in the App Store. Look at iCab Mobile, Mercury, Atomic, ....
    I have been running iOS 5x for so long now, that I don't even remember if that icon did appear in earlier iOS versions

  • The bottom part of my firefox is being covered by my default Windows menu bar.

    When it shows (i.e Done above the windows default menu bar) its being covered by the windows default menu bar.

    Is the Firefox window too large or off to the bottom of the screen? Try resizing or repositioning the Firefox window. See [[Toolbar keeps resetting]] to restore the default window size/position and toolbar settings if you can't change the Firefox window or position, or if the changes to your Firefox window aren't saved when you next start Firefox.
    If you need more help you should ask a new question in the support forum since this question was solved over a year ago and many Firefox support helpers don't look at solved questions. You can use this link as a starting point to ask a new question: https://support.mozilla.com/questions/new

  • Menu bar not displaying inline with logo (Spry menu troubles - Extra Credit!)

    Coding Brothers and Sisters!
    Hope you all are well - would anyone please assist me to display inline the logo and menu bar at the following page?
         http://gratefulcreative.com/Andre_Madiz/index.html
    Superbonus, Adobe All-star points for help with my Spry Menu Bar, which is not showing submenus. I get an error message saying the following:
         This document contains Javascript code for a widget that no longer exists. If you don't remove the code, the browser might display Javascript errors when loading the page. Would you like Dreamweaver to find all the
         instances of the code for you?
         Widget: var Menu Bar 1 = New.Spry.Widget.MenuBar ("MenuBar1"; {imgdown:"SpryAssets/SpryMenuBarDownHover.gif",imgRight:"SpryAssets/SpryMenuBarRightHover .gif"});
    Thank you as always!
    Ken D
    Creative Director
    Grateful Creative
    www.gratefulcreative.com

    Use CSS floats.  Posted here with inline styles for expediency.  Ideally, you should set-up some re-usable classes for floats & clearing in your external style sheet.
    <div style="float:left; width:250px">
    <a href="http://www.andremadizmma.com"><img src="images/Bulldog_logo3.png" border="0"></a>
    </div>
    More on Floats:
    http://css.maxdesign.com.au/floatutorial/
    (='.'=)
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/

  • Forms 10G – Replacing Oracle Logo in Menu Bar

    Hello:
    Forms 10G – Replacing Oracle Logo in Menu Bar
    We use “lookAndFeel=oracle” which gives Oracle Logo in the Manu Bar at top right corner.
    What is the simplest way to replace this with our own logo?
    Thanks

    Here you go. (foroms.conf, formsweb.cfg)
    Forms.conf
    # $Id: forms.conf 22-nov-2004.03:29:38 osingh Exp $
    # Name
    # forms.conf
    # Purpose
    # Apache mod_oc4j and mod_jserv configuration file for Forms Services.
    # This file should be included into the Oracle Apache HTTP Listener
    # configuration file (typically by adding an include statement to the
    # oracle_apache.conf file)
    # Remarks
    # If Forms is to be used with JServ, the jserv.properties file needs editing
    # to add the "forms" servlet zone with properties file forms.properties
    # Notes
    # Virtual paths: We use AliasMatch when defining virtual paths for
    # security reasons (prevents directory browsing).
    # Virtual path mapping for Forms Java jar and class files (codebase)
    AliasMatch ^/forms/java/(..*) "E:\oracle\FRHome_1/forms/java/$1"
    # Virtual path for JInitiator downloadable executable and download page
    AliasMatch ^/forms/jinitiator/(..*) "E:\oracle\FRHome_1/jinit/$1"
    # Virtual path for runform.htm (used to run a form for testing purposes)
    AliasMatch ^/forms/html/(..*) "E:\oracle\FRHome_1/tools/web/html/$1"
    # Virtual path for webutil
    AliasMatch ^/forms/webutil/(..*) "E:\oracle\FRHome_1/forms/webutil/$1"
    # Configuration for JServ (if mod_jserv.c is available and not mod_oc4j.c)
    <IfModule mod_jserv.c>
    # Only configure for JServ if mod_oc4j is NOT available:
    <IfModule !mod_oc4j.c>
    # Virtual path mapping for FormsServlet and ListenerServlet.
    # Purpose: paths to invoke the servlets should be /forms/frmservlet
    # and /forms/lservlet respectively.
    # We map frmservlet to servlet.frm, and lservlet to servlet.frml.
    # The apJServAction directives (below) will then remap those.
    AliasMatch ^/forms/frmservlet(.*) "/servlet.frm"
    AliasMatch ^/forms/lservlet(.*) "/servlet.frml"
    ApJServMount /forms/servlet /forms
    # Let the servlets be called by file extension (e.g /servlet.frm)
    ApJServAction .frm /forms/servlet/frmservlet
    ApJServAction .frml /forms/servlet/lservlet
    # Prevent access to the Forms Servlets by paths other than
    # /forms/frmservlet and /forms/lservlet.
    # 1. Prevent access via the .frm and .frml file extensions:
    <LocationMatch ^.*\.frm.*>
    order deny,allow
    deny from all
    </LocationMatch>
    # 2. Stop access by class (by paths like
    # /forms/servlet/oracle.forms.servlet.FormsServlet)
    <LocationMatch ^/forms/servlet/oracle\.forms.*>
    order deny,allow
    deny from all
    </LocationMatch>
    </IfModule>
    </IfModule>
    # Config. for OC4J
    <IfModule mod_oc4j.c>
    Oc4jMount /forms OC4J_BI_Forms
    Oc4jMount /forms/frmservlet OC4J_BI_Forms
    Oc4jMount /forms/frmservlet/* OC4J_BI_Forms
    Oc4jMount /forms/lservlet OC4J_BI_Forms
    Oc4jMount /forms/lservlet/* OC4J_BI_Forms
    </IfModule>
    formsweb.cfg
    # $Id: formsweb.cfg 15-apr-2005.13:17:30 pkuhn Exp $
    # formsweb.cfg defines parameter values used by the FormsServlet (frmservlet)
    # This section defines the Default settings. Any of them may be overridden in the
    # following Named Configuration sections. If they are not overridden, then the
    # values here will be used.
    # The default settings comprise two types of parameters: System parameters,
    # which cannot be overridden in the URL, and User Parameters, which can.
    # Parameters which are not marked as System parameters are User parameters.
    # SYSTEM PARAMETERS
    # These have fixed names and give information required by the Forms
    # Servlet in order to function. They cannot be specified in the URL query
    # string. But they can be overridden in a named configuration (see below).
    # Some parameters specify file names: if the full path is not given,
    # they are assumed to be in the same directory as this file. If a path
    # is given, then it should be a physical path, not a URL.
    # USER PARAMETERS
    # These match variables (e.g. %form%) in the baseHTML file. Their values
    # may be overridden by specifying them in the URL query string
    # (e.g. "http://myhost.mydomain.com/forms/frmservlet?form=myform&width=700")
    # or by overriding them in a specific, named configuration (see below)
    [default]
    # System parameter: default base HTML file
    baseHTML=base.htm
    # System parameter: base HTML file for use with JInitiator client
    baseHTMLjinitiator=basejini.htm
    # System parameter: base HTML file for use with Sun's Java Plug-In
    baseHTMLjpi=basejpi.htm
    # System parameter: delimiter for parameters in the base HTML files
    HTMLdelimiter=%
    # System parameter: working directory for Forms runtime processes
    # WorkingDirectory defaults to <oracle_home>/forms if unset.
    workingDirectory=
    # System parameter: file setting environment variables for the Forms runtime processes
    envFile=default.env
    # Forms runtime argument: whether to escape certain special characters
    # in values extracted from the URL for other runtime arguments
    escapeparams=true
    # Forms runtime argument: which form module to run
    form=test.fmx
    # Forms runtime argument: database connection details
    userid=
    # Forms runtime argument: whether to run in debug mode
    debug=no
    # Forms runtime argument: host for debugging
    host=
    # Forms runtime argument: port for debugging
    port=
    # Other Forms runtime arguments: grouped together as one parameter.
    # These settings support running and debugging a form from the Builder:
    otherparams=buffer_records=%buffer% debug_messages=%debug_messages% array=%array% obr=%obr% query_only=%query_only% quiet=%quiet% render=%render% record=%record% tracegroup=%tracegroup% log=%log% term=%term%
    # Sub argument for otherparams
    buffer=no
    # Sub argument for otherparams
    debug_messages=no
    # Sub argument for otherparams
    array=no
    # Sub argument for otherparams
    obr=no
    # Sub argument for otherparams
    query_only=no
    # Sub argument for otherparams
    quiet=yes
    # Sub argument for otherparams
    render=no
    # Sub argument for otherparams
    record=
    # Sub argument for otherparams
    tracegroup=
    # Sub argument for otherparams
    log=
    # Sub argument for otherparams
    term=
    # HTML page title
    # HTML attributes for the BODY tag
    HTMLbodyAttrs=
    # HTML to add before the form
    HTMLbeforeForm=
    # HTML to add after the form
    HTMLafterForm=
    # Forms applet parameter: URL path to Forms ListenerServlet
    serverURL=/forms/lservlet
    # Forms applet parameter
    codebase=/forms/java
    # Forms applet parameter
    imageBase=DocumentBase
    # Forms applet parameter
    width=750
    # Forms applet parameter
    height=600
    # Forms applet parameter
    separateFrame=false
    # Forms applet parameter
    splashScreen=
    # Forms applet parameter
    background=
    # Forms applet parameter
    lookAndFeel=Oracle
    # Forms applet parameter
    colorScheme=teal
    # Forms applet parameter
    logo=
    # Forms applet parameter
    restrictedURLparams=HTMLbodyAttrs,HTMLbeforeForm,HTMLafterForm,log,allow_debug,allowNewConnections
    # Forms applet parameter
    formsMessageListener=
    # Forms applet parameter
    recordFileName=
    # Forms applet parameter
    serverApp=default
    # Forms applet archive setting for JInitiator
    archive_jini=frmall_jinit.jar
    # Forms applet archive setting for other clients (Sun Java Plugin, Appletviewer, etc)
    archive=frmall.jar
    # Number of times client should retry if a network failure occurs. You should
    # only change this after reading the documentation.
    networkRetries=0
    # Page displayed to Netscape users to allow them to download Oracle JInitiator.
    # Oracle JInitiator is used with Windows clients.
    # If you create your own page, you should set this parameter to point to it.
    jinit_download_page=/forms/jinitiator/us/jinit_download.htm
    # Parameter related to the version of JInitiator
    jinit_classid=clsid:CAFECAFE-0013-0001-0022-ABCDEFABCDEF
    # Parameter related to the version of JInitiator
    jinit_exename=jinit.exe#Version=1,3,1,22
    # Parameter related to the version of JInitiator
    jinit_mimetype=application/x-jinit-applet;version=1.3.1.22
    # Page displayed to users to allow them to download Sun's Java Plugin.
    # Sun's Java Plugin is typically used for non-Windows clients.
    # (NOTE: you should check this page and possibly change the settings)
    jpi_download_page=http://java.sun.com/products/archive/j2se/1.4.2_06/index.html
    # Parameter related to the version of the Java Plugin
    jpi_classid=clsid:CAFEEFAC-0014-0002-0006-ABCDEFFEDCBA
    # Parameter related to the version of the Java Plugin
    jpi_codebase=http://java.sun.com/products/plugin/autodl/jinstall-1_4_2-windows-i586.cab#Version=1,4,2,06
    # Parameter related to the version of the Java Plugin
    jpi_mimetype=application/x-java-applet;jpi-version=1.4.2_06
    # EM config parameter
    # Set this to "1" to enable Enterprise Manager to track Forms processes
    em_mode=1
    # Single Sign-On OID configuration parameter
    oid_formsid=%OID_FORMSID%
    # Single Sign-On OID configuration parameter
    oracle_home=E:\oracle\FRHome_1
    # Single Sign-On OID configuration parameter
    formsid_group_dn=%GROUP_DN%
    # Single Sign-On OID configuration parameter: indicates whether we allow
    # dynamic resource creation if the resource is not yet created in the OID.
    ssoDynamicResourceCreate=true
    # Single Sign-On parameter: URL to redirect to if ssoDynamicResourceCreate=false
    ssoErrorUrl=
    # Single Sign-On parameter: Cancel URL for the dynamic resource creation DAS page.
    ssoCancelUrl=
    # Single Sign-On parameter: indicates whether the url is protected in which
    # case mod_osso will be given control for authentication or continue in
    # the FormsServlet if not. It is false by default. Set it to true in an
    # application-specific section to enable Single Sign-On for that application.
    ssoMode=false
    # The parameter allow_debug determines whether debugging is permitted.
    # Administrators should set allow_debug to "true" if servlet
    # debugging is required, or to provide access to the Forms Trace Xlate utility.
    # Otherwise these activities will not be allowed (for security reasons).
    allow_debug=false
    # Parameter which determines whether new Forms sessions are allowed.
    # This is also read by the Forms EM Overview page to show the
    # current Forms status.
    allowNewConnections=true
    # EndUserMonitoring
    # EndUserMonitoringEnabled parameter
    # Indicates whether EUM/Chronos integration is enabled
    EndUserMonitoringEnabled=
    # EndUserMonitoringURL
    # indicates where to record EUM/Chronos data
    EndUserMonitoringURL=
    # Example Named Configuration Section
    # Example 1: configuration to run forms in a separate browser window with
    # "generic" look and feel (include "config=sepwin" in the URL)
    # You may define your own specific, named configurations (sets of parameters)
    # by adding special sections as illustrated in the following examples.
    # Note that you need only specify the parameters you want to change. The
    # default values (defined above) will be used for all other parameters.
    # Use of a specific configuration can be requested by including the text
    # "config=<your_config_name>" in the query string of the URL used to run
    # a form. For example, to use the sepwin configuration, your could issue
    # a URL like "http://myhost.mydomain.com/forms/frmservlet?config=sepwin".
    [sepwin]
    separateFrame=True
    lookandfeel=Generic
    # Example Named Configuration Section
    # Example 2: configuration forcing use of the Java Plugin in all cases (even if
    # the client browser is on Windows)
    [jpi]
    baseHTMLJInitiator=basejpi.htm
    # Example Named Configuration Section
    # Example 3: configuration running the Forms ListenerServlet in debug mode
    # (debug messages will be written to the servlet engine's log file).
    [debug]
    serverURL=/forms/lservlet/debug
    # Sample configuration for deploying WebUtil. Note that WebUtil is shipped with
    # DS but not AS and is also available for download from OTN.
    [webutil]
    WebUtilArchive=frmwebutil.jar,jacob.jar
    WebUtilLogging=off
    WebUtilLoggingDetail=normal
    WebUtilErrorMode=Alert
    WebUtilDispatchMonitorInterval=5
    WebUtilTrustInternal=true
    WebUtilMaxTransferSize=16384
    baseHTMLjinitiator=webutiljini.htm
    baseHTMLjpi=webutiljpi.htm
    archive_jini=frmall_jinit.jar
    archive=frmall.jar
    lookAndFeel=oracle
    [devBala]
    envFile=E:\Khamel\conf\devBala.env
    WIDTH=832
    HEIGHT=662
    pageTitle=Khameleon DEV-Bala Environment
    separateFrame=True
    splashScreen=No
    Background=No
    #lookAndFeel=oracle
    colorScheme=BLAF
    form=sylogin.fmx
    logo=/ksfiles/kham_log.gif
    [devBala1]
    envFile=E:\Khamel\conf\devBala.env
    WIDTH=1000
    HEIGHT=850
    #pageTitle=Khameleon DEV-Bala1 Environment
    separateFrame=True
    splashScreen=/ksfiles/Khameleon.gif
    Background=/ksfiles/Khameleon1.gif
    #lookAndFeel=oracle
    colorScheme=BLAF
    form=sylogin.fmx
    logo=/icons/kham_log.gif

  • I just got an IPAD2 on Saturday.  With the Mac, I could always tell when programs were open/running by going to the menu bar.  How can I tell what programs are running in the background.  I am struggling with not being able to go to a menu bar at the top

    I just got an IPAD2 on Saturday.  With the Mac, I could always tell when programs were open/running by going to the menu bar.  How can I tell what programs are running in the background.  I am struggling with not being able to go to a menu bar at the top

    You can see which apps are open and/or recently used by double-clicking the home button to bring up the taskbar at the bottom of the screen (not all apps that appear there are active) - you can then close apps on it by pressing and holding one of them for a couple of seconds or so until they start shaking, then press the '-' in the top left of the Mail app to close it, and touch any part of the screen above the taskbar so as to stop the shaking and close the taskbar. If you have an app 'open' on-screen then it won't appear on the taskbar, you will need to go back to the homescreen first, and it should then show when you next open the taskbar.
    If you haven't already got a copy then you can download the iPad manual from here : http://support.apple.com/manuals/#ipad

  • I have a new MacBook(2012). Being a new Mac user, I do not know what to do when Safari doesn't open at all. The icon just bounces up and down and when the cursor is on the top main menu bar it is the spinning rainbow wheel.  Any ideas for help?

    When I try to open safari the icon stats bouncing and then nothing happens other than the cursor turning to a spinning rainbow wheel when it hoovers on the top main menu bar. I have shut down and restart several times. My safari worked yesterday and then today this, but with. I indication of a problem. I can't even get the browser window to open so that I can clear caches or reset anything. When I opened my computer this time I don't even get a bouncing icon. No recognition of selecting the program at all. If I go to spotlight and try to open safari from here I still get no response. Can you help?

    Hi ...
    If you have moved the Safari application from the Applications folder, move it back.
    As far as the cache goes, there's a work around for that when you can't empty the Safari cache from the menu bar.
    Go to    ~/Library/Caches/com.aple.Safari.Cache.db.  Move the Cache.db file to the Trash.
    Try Safari.
    Mac OS X (10.7.2)   <  from your profile
    If that is corrrect, you need to update your system software. Click your Apple menu icon top left in your screen. From the drop down menu click Software
    Update ...
    ~ (Tilde) character represents the Home folder.
    For Lion v10.7x:  To find the Home folder in OS X Lion, open the Finder, hold the Option key, and choose Go > Library

  • Time is not being displayed in the menu bar.

    Hi,
    I this morning i woke my mac from sleep to find that it is not displaying the time in the menu bar anymore. How do i fix this?

    Hello again Random,
    Always a pleasure to assist and thank you for marking this one as solved.
    As to why it happened - I have no idea, some possibilities though...
    Running something like Onyx or YASU. Re-starting the computer. Updating Applications or the OS.
    At least its fixed though.
    Regards once more.
    Ian

Maybe you are looking for