Trouble with IE 7 CSS

I don't know what is happening, but for some reason IE 7
seems to be the only browser with this issue. If you view this
page:
http://www.parkwaygaming.com/index2.php
you will notice that the spry menu works, but the background
feature is not loading and it's just white. At first I thought it
might have been the z-index, so I messed with that to no avail.
Then I checked my paths to be sure, but then I asked myself, why
would Firefox, Safari and Camino all load the page fine and IE 7
not. The version I am using of IE 7 is 7.0.6000.16473 which is the
latest build on Windows Vista (x64 edition, although both the
32-bit and 64-bit versions of the browser render with the same
issue).
Does anyone know a workaround for this? Or is there something
new with the CSS that IE7 needs in order to show this menu
background properly?

In response to Al, there was a link in the first post in this
topic. I am sorry you did not see that.
To 818g, I have fixed the problem as of last night which is
why you can see it now. So that other users hopefully do not
experience the problem I will post the code that needs to be fixed.
In the CSS file there is a section at the very bottom that look
like this:
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
As it turns out, IE 7 is reading this code since it is the
last instruction being sent to the browser, thus overriding the
original setting. As you will notice this code was originally
designed as an IE "hack" to make the menu appear the same in both
browsers. However, IE 7 does not seem to need this extra help, but
because it reads both sets of CSS it choses to apply the latter. So
what happens is that the SpryMenu appears to be White instead of
the color or background-image that could be first applied to the
section in the CSS document. By changing that variable at the
bottom to transparent, it makes this added layer clear so that you
can see the original layer.
I hope Adobe realizes this and changes their code for the
SpryMenus accordingly so that other users don't have this same
problem later down the road.

Similar Messages

  • Trouble with padding in CSS

    Hi all
    I'm just a beginner so if the below question seems easy, apologies but i'm struggling with it!
    I have a #footer which is 908px wide x 100px high, im trying to put 20px of white space above the footer in between the main image.
    So i have the following BUT it is showing the padding as the background colour instead of white! How can i fix this.
    #footer {
    width: 968px;
    background-color: #BC1745;
    height: 100px;
    padding-top: 20px;
    Any help much appreciated.
    Many thanks
    Rich

    Apologies Ken, i'm new to this.  See below if this helps.
    HTML:
    <!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>Untitled Document</title>
    <link href="styles/smith_styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="images/smith_header.jpg" width="968" height="100" alt="Smith Planning" />
        <ul>
          <li><a href="#">Welcome</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Clients</a></li>
          <li><a href="#">Giving Back</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div id="main_image"></div>
      <div id="main_text"></div>
      <div id="footer"></div>
    </div>
    </body>
    </html>
    CSS
    @charset "UTF-8";
    /* CSS Document */
    #container {
        width: 968px;
        background: #FFF;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    #main_image {
              background-image: url(file:///Macintosh%20HD/Users/rpfogg/Documents/Deb%20New%20Site/images/main_image.jpg) ;
              background-repeat: no-repeat;
              height: 376px;
              width: 908px;
              margin-left: auto;
              margin-right:auto;
    #footer {
              width: 968px;
              background-color: #BC1745;
              height: 100px;
              padding-top: 20px;
    #h1 {
              font-family:Arial, Helvetica, sans-serif;
    #header {
              width: 968px;
              margin-left: auto;
              margin-right: auto;
              padding-bottom:20px;
    #header a {
              font-size: 20px;
              font-weight: bold;
              font-variant: small-caps;
              color: #fff;
              text-decoration: none;
              text-align: center;
              display: block;
              width: 100px;
    #header ul {
              margin: 0px;
              padding: 0px;
              list-style-type: none;

  • Viewing Troubles with CSS web

    Hello,
    I am still having trouble with a web page that I was asked to
    redesign. I decided to implement CSS into the page to change the
    appearance and navigation, however, the javascript (inherited) that
    was used on the page is having problems. I don't not know
    javascript, therefore I really can't address that issure right now.
    The page is centered in all of the browsers, along with the
    header and the container for the tab menu. The issue is the other
    containers that have side navigation or the content within the tab
    menu container.
    My concern is that the page is viewing correctly in IE6 and
    Opera but not in Netscape and Firefox. When I preview the page in
    the browsers, I get an error message in the status bar "done but
    errors on page" (still views correctly in IE & Opera).
    Hopefully, this all makes sense and everyone is not off
    enjoying pre-4th July celebrations to respond. -Thanks!
    css style

    Did you post a link to your page?
    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
    ==================
    "Iwannaknow2" <[email protected]> wrote in
    message
    news:e8b5du$9q2$[email protected]..
    > Hello,
    >
    > I am still having trouble with a web page that I was
    asked to redesign. I
    > decided to implement CSS into the page to change the
    appearance and
    > navigation,
    > however, the javascript (inherited) that was used on the
    page is having
    > problems. I don't not know javascript, therefore I
    really can't address
    > that
    > issure right now.
    >
    > The page is centered in all of the browsers, along with
    the header and the
    > container for the tab menu. The issue is the other
    containers that have
    > side
    > navigation or the content within the tab menu container.
    >
    > My concern is that the page is viewing correctly in IE6
    and Opera but not
    > in
    > Netscape and Firefox. When I preview the page in the
    browsers, I get an
    > error
    > message in the status bar "done but errors on page"
    (still views correctly
    > in
    > IE & Opera).
    >
    > Hopefully, this all makes sense and everyone is not off
    enjoying pre-4th
    > July
    > celebrations to respond. -Thanks!
    > [email protected]
    >

  • Trouble with css background

    Hey guys, I am having trouble with some code. I have nested divs inside of a container dive for the body copy, but I am having trouble with the background of the container div going behind the nested divs. I only have this issue with the background when I go to float the nested divs.
    Below is a copy of my html and a copy of my linked css style sheet.
    <!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>Welcome to Optimus Lens</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <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>
    <style type="text/css">
    #sector {
         background-repeat: no-repeat;
         background-position: left;
         width: 869px;
         margin-top: -51px;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #oag {
         width: 574px;
         margin-left: 23px;
         float: left;
         /* [disabled]position: relative; */
    #small_col {
         width: 279px;
         margin-right: 23px;
         float: right;
         /* [disabled]position: static; */
    </style>
    </head>
    <body onload="MM_preloadImages('images/home_over.jpg','images/our_mission_over.jpg','images/products_over.jpg','images/news_over.jpg','images/order_over.jpg','images/contact_over.jpg')">
    <div id="CONTAINER">
           <div id="header"><img src="images/header_top.png" width="916" height="39" />
           <img src="images/header_logo.jpg" width="916" height="95" />
          <img src="images/header_image.jpg" width="916" height="266" />
           <img src="images/header_bar.jpg" width="916" height="9" />
    </div>
          <div id="menuContainer">
         <!-- NAVIGATION -->
                    <ul>
                    <li>
                    <img src="images/fold_left_top.png" width="22" height="35" /><img src="images/menu_left.jpg" width="197" height="35" />
                    </li>
                    <li>
                        <div class="menu n1"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/home_over.jpg',1)"><img src="images/home_up.jpg" alt="home" name="home" width="66" height="35" border="0" id="home" /></a></div></li>
                    <li>
                      <div class="menu n2"><a href="mission.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Our Mission','','images/our_mission_over.jpg',1)"><img src="images/our_mission_up.jpg" alt="Our Mission" name="Our Mission" width="124" height="35" border="0" id="Our Mission" /></a></div></li>
                    <li>
                        <div class="menu n3"><a href="products.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/products_over.jpg',1)"><img src="images/products_up.jpg" alt="products" name="Products" width="98" height="35" border="0" id="Products" /></a></div></li>
                    <li>
                        <div class="menu n4"><a href="news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','images/news_over.jpg',1)"><img src="images/news_up.jpg" alt="News" name="News" width="77" height="35" border="0" id="News" /></a></div></li>
                    <li>
                        <div class="menu n5"><a href="order.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Order','','images/order_over.jpg',1)"><img src="images/order_up.jpg" alt="Order" name="Order" width="77" height="35" border="0" id="Order" /></a></div></li>
                    <li>
                      <div class="menu n6"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/contact_over.jpg',1)"><img src="images/contact_up.jpg" alt="Contact" name="Contact" width="80" height="35" border="0" id="Contact" /></a></div></li>
                    <li>
                      <img src="images/menu_right.jpg" width="197" height="35" /><img src="images/fold_right_top.png" width="22" height="35" /> </li>
                    </ul>
          </div>
           <div id="header_bottom"><img src="images/fold_left_bottom.png" width="22" height="38" /><img src="images/header_bottom.jpg" width="916" height="38" /><img src="images/fold_right_bottom.png" width="22" height="38" />
        </div>
         <div id="bodycopy">
           <div id="sector">
          <img src="images/home/sector_top.png" width="869" height="341" alt="sector frames" />
          </div>
           <p> </p>
           <div id="oag">
          <img src="images/home/oag_join.png" width="574" height="281" alt="save with oag" />
          <p> </p>
          <img src="images/home/bottom.png" width="574" height="132" />
          </div>
          <div id="small_col">
          <img src="images/home/optimize_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          </div>
         </div>
        <div id="footer"><img src="images/footer.png" width="916" height="52" />
      </div>
    </div>
    </body>
    </html>body {
         margin: 0px;
         background-image: url(images/background_fade_04.jpg);
         background-repeat: repeat-x;
         background-position: top;
         background-color: #DCDCDC;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 13px;
    #box1 {
         background-image: url(images/bodycopybox_01.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 54px;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #box2 {
         background-image: url(images/bodycopybox_02.png);
         background-repeat: repeat-y;
         background-position: left;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    .bodycopybox {
         padding-right: 40px;
         padding-left: 40px;
    .bodycopyboxheader {
         padding-right: 40px;
         padding-left: 40px;
         font-weight: bolder;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         color: #21368b;
    #box3 {
         background-image: url(images/bodycopybox_04.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    #box4 {
         background-image: url(images/bodycopybox_03.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    p {
         margin: 0px;
    #header_bottom {
         width: 960px;
         margin:0 auto;
    #CONTAINER {
         width: 100%;
         margin:0 auto;
    #header {
         width: 916px;
         margin:0 auto;
    #menuContainer {
         width: 960px;
         margin:0 auto;
         height: 35px;
    #menuContainer ul{
         list-style:none;
         height:35px;
         margin:0;
         padding:0;
    #menuContainer li{
         float:left;
         height:35px;
         margin:0;
         padding:0;
    #menuContainer li a{
         text-align:center;
         float:none;
         height:35px;
         margin:0;
         padding:0;
    div.menu{position:relative;}
    .n1{
         width:66px;
         float:left;
         display:inline-block;
         clear:both;
    .n2{
         width:124px;
         float:left;
         display:inline-block;
         clear:both;
    .n3{
         width:98px;
         float:left;
         display:inline-block;
         clear:both;
    .n4{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    .n5{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    .n6 {
         width:80px;
         float:left;
         display:inline-block;
         clear:both;
    #bodycopy {
         background-color: #FFFFFF;
         width: 916px;
         padding: 0px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    #footer {
         width: 916px;
         margin:0 auto;
         padding: 0px;

    Try this:
    #CONTAINER {
    width: 900px;
    margin:0 auto;
    background: #FFF;
    overflow:hidden; /**float containment**/
    /**There is no need for #sector division, you can delete it.**/
    #oag {
    width: 574px;
    float: left;
    margin-left: 25px;
    #small_col {
    width: 279px;
    float: right;
    margin-right: 25px;
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Trouble with "body" images lining up at the top

    Hi, I am having troubles with the #body style in my web page. I have inserted a table into the #body area and the the body editable region will not line up on the top with the sideBar editable region when I add text and apply my css to it. Can you look at the code and let me know what I am doing wrong? Thanks!
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Ram Restaurant &amp; Brewery</title>
    <!-- TemplateEndEditable -->
    <meta name="keywords" content="Ram Restaurant, The Ram restaurant, Ram Restaurant and brewpub, Ram Restaurant Group, Ram International" />
    <meta name="description" content="Welcome to The Ram!  Your stomach wants food.  Your tastebuds want beer.  Satisfy them both at the Ram Restaurant & Brewery." />
    <style type="text/css">
    <!--
    body {
    background-color: #333;
    margin: 0 auto;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    .navbar_center {
    text-align: center;
    -->
    </style>
    <link href="/RamWebsite_NEW/cssstyles.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    color: #F00;
    margin: 0px;
    padding: 0px;
    a:link {
    color: #666;
    text-decoration: none;
    h1 {
    font-size: 36px;
    color: #000;
    h2 {
    font-size: 24px;
    color: #000;
    h3 {
    font-size: 18px;
    color: #000;
    h4 {
    font-size: 12px;
    color: #000;
    a:visited {
    text-decoration: none;
    color: #000;
    a:hover {
    text-decoration: underline;
    a:active {
    text-decoration: none;
    -->
    </style>
    <!--[if lte IE 8]>
    <style type="text/css">
    ul.MenuBarHorizontalul  li ul li ul li.MenuBarHorizontal, ul.MenuBarHorizontal li ul li.MenuBarHorizontal {
    width:100px;
    height:23px;
    </style>
    <![endif]-->
    <script src="/RamWebsite_NEW/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <link href="/RamWebsite_NEW/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body link="#000000" topmargin="0" onload="MM_preloadImages('/RamWebsite_NEW/images/Menu_rollover.jpg','/RamWebsite_NEW/imag es/EventsLink2_rollover.jpg','/RamWebsite_NEW/images/GiftCards_rollover.jpg','/RamWebsite_ NEW/images/BeerLink2_rollover.jpg')">
    <div id="wrapper">
    <div id="header">
        <table width="900" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <th width="200" height="36" rowspan="2" align="center" valign="middle" scope="col"><a href="http://www.theram.com"><img src="/RamWebsite_NEW/images/Ram-Logo-red.gif" alt="Ram Restaurant &amp; Brewery Logo" width="175" height="69" border="0" /></a></th>
            <th width="350" height="50" align="center" valign="middle" scope="col"> </th>
            <th width="200" align="center" valign="middle" scope="col"> </th>
            <th width="150" align="right" valign="middle" scope="col"><a href="http://www.facebook.com/home.php?#!/theramrestaurant?ref=ts"><img src="/RamWebsite_NEW/images/FacebookBox.gif" alt="Becoma a Facebook Fan!" width="40" height="40" border="0" /></a><a href="http://www.twitter.com/theram"><img src="/RamWebsite_NEW/images/TwitterBox.gif" alt="Follow Us on Twitter" width="40" height="40" hspace="30" border="0" /></a></th>
          </tr>
          <tr>
            <th colspan="3" align="right" scope="col"><ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a class="MenuBarItemSubmenu" href="#">MENU</a>
                <ul>
                  <li><a href="#" class="MenuBarItemSubmenu">Idaho</a>
                    <ul>
                      <li><a href="/menus/idaho/boise.shtml">Boise</a></li>
                      <li><a href="/menus/idaho/meridian.shtml">Meridian</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Illinois</a>
                    <ul>
                      <li><a href="/menus/illinois/rosemont.shtml">Rosemont</a></li>
                      <li><a href="/menus/illinois/schaumburg.shtml">Schaumburg</a></li>
                      <li><a href="/menus/illinois/wheeling.shtml">Wheeling</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Indiana</a>
                    <ul>
                      <li><a href="/menus/indiana/fishers.shtml">Fishers</a></li>
                      <li><a href="/menus/indiana/indianapolis.shtml">Indianapolis</a></li>
    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Oregon</a>
                    <ul>
                      <li><a href="/menus/oregon/clackamas.shtml">Clackamas</a></li>
                      <li><a href="/menus/oregon/salem.shtml">Salem</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Washington</a>
                    <ul>
                      <li><a href="/menus/washington/kent.shtml">Kent</a></li>
                      <li><a href="/menus/washington/lacey.shtml">Lacey</a></li>
                      <li><a href="/menus/washington/lakewood.shtml">Lakewood</a></li>
                      <li><a href="/menus/washington/puyallup.shtml">Puyallup South Hill Mall</a></li>
                      <li><a href="/menus/washington/puyallup2.shtml">Puyallup Sunrise Village</a></li>
                      <li><a href="/menus/washington/northgate.shtml">Seattle Northgate</a></li>
                      <li><a href="/menus/washington/seattle.shtml">Seattle University Village</a></li>
                      <li><a href="/menus/washington/tacoma.shtml">Tacoma</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">LOCATIONS</a>
                <ul>
                  <li><a href="#" class="MenuBarItemSubmenu">Idaho</a>
                    <ul>
                      <li><a href="/idaho/boiseNew.html">Boise</a></li>
                      <li><a href="/idaho/meridianNew.html">Meridian</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Illinois</a>
                    <ul>
                      <li><a href="/illinois/rosemontNew.html">Rosemont</a></li>
                      <li><a href="/illinois/schaumburgNew.html">Schaumburg</a></li>
                      <li><a href="/illinois/wheelingNew.html">Wheeling</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Indiana</a>
                    <ul>
                      <li><a href="/indiana/fishersNew.html">Fishers</a></li>
                      <li><a href="/indiana/indianapolisNew.html">Indianapolis</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Oregon</a>
                    <ul>
                      <li><a href="/oregon/clackamasNew.html">Clackamas</a></li>
                      <li><a href="/oregon/salemNew.html">Salem</a></li>
                    </ul>
                  </li>
                  <li><a href="#" class="MenuBarItemSubmenu">Washington</a>
                    <ul>
                      <li><a href="/washington/kentNew.html">Kent</a></li>
                      <li><a href="/washington/laceyNew.html">Lacey</a></li>
                      <li><a href="/washington/lakewoodNew.html">Lakewood</a></li>
                      <li><a href="/washington/puyallup-southHill-NEW.html">Puyallup South Hill Mall</a></li>
                      <li><a href="/washington/puyallup-Sunrise-New.html">Puyallup Sunrise Village</a></li>
                      <li><a href="/washington/northgateNew.html">Seattle Northgate</a></li>
                      <li><a href="/washington/seattleNew.html">Seattle University Village</a></li>
                      <li><a href="/washington/tacomaNew.html">Tacoma</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li><a class="MenuBarItemSubmenu" href="#">PROMOS</a>
                <ul>
                  <li><a href="/drink_specials.shtml">Drink Promos</a>              </li>
                  <li><a href="/food_specials.shtml">Food Promos</a></li>
    </ul>
              </li>
              <li><a href="/news.shtml">RAM NEWS</a></li>
              <li><a href="/about.shtml">ABOUT US</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">CONTACT US</a>
                <ul>
                  <li><a href="/contact.shtml">General Info</a></li>
                  <li><a href="/employment.shtml">Careers</a></li>
                  <li><a href="/comments.shtml">Comments</a></li>
                </ul>
              </li>
              <li><a href="/banquets.shtml" class="MenuBarItemSubmenu">BANQUETS</a>
                <ul>
                  <li><a href="/banquets.shtml">Banquets</a></li>
                  <li><a href="/banquets-catering.shtml">Off-Site Catering</a></li>
                </ul>
              </li>
            </ul></th>
          </tr>
          <tr>
            <th colspan="4" align="center" valign="middle" scope="col"><img src="/RamWebsite_NEW/images/redbar.gif" width="900" height="11" /></th>
          </tr>
        </table>
    </div>
    <div id="body">
      <table width="900" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <th height="300" valign="top" scope="col"><table width="900" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <th width="225" align="center" valign="top" bgcolor="#000000" scope="col"><!-- TemplateBeginEditable name="sideBar" -->adfadsfds<!-- TemplateEndEditable --></th>
              <th width="675" align="left" valign="top" bgcolor="#FFFFFF" scope="col"><!-- TemplateBeginEditable name="body" -->
                <p><img src="/images/aboutus2.jpg" width="675" height="300" /></p>
                <p class="foodNameDesc">adfadslkj</p>
              <!-- TemplateEndEditable --></th>
            </tr>
          </table></th>
        </tr>
      </table>
    </div>
    <div id="bottomMenuSubPg">
      <table width="900" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Menu','','/RamWebsite_NEW/images/Menu_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/Menu.jpg" alt="Menu" name="Menu" width="212" height="125" hspace="6" border="0" id="Menu" /></a></th>
          <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Big Horn Beer','','/RamWebsite_NEW/images/BeerLink2_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/BeerLink2.jpg" alt="Big Horn Beer" name="Big Horn Beer" width="212" height="125" hspace="6" border="0" id="Big Horn Beer" /></a></th>
          <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Events','','/RamWebsite_NEW/images/EventsLink2_rollover.jpg',1 )"><img src="/RamWebsite_NEW/images/EventsLink2.jpg" alt="Events at the Ram" name="Events" width="212" height="125" hspace="6" border="0" id="Events" /></a></th>
          <th width="200" align="center" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Gift Cards','','/RamWebsite_NEW/images/GiftCards_rollover.jpg',1)"><img src="/RamWebsite_NEW/images/GiftCards.jpg" alt="Gift Cards" name="Gift Cards" width="212" height="125" hspace="6" border="0" id="Gift Cards" /></a></th>
        </tr>
      </table>
    </div>
    <div id="bottommenu2"></div>
    <map name="Map" id="Map">
      <area shape="poly" coords="16,103" href="#" />
      <area shape="poly" coords="49,71,102,58,158,73,191,113,180,141,151,161,109,169,65,162,31,141,18,112" href="http://theram.fbmta.com/members/UpdateProfile.aspx?Action=Subscribe&amp;InputSource=W" target="_blank" />
    </map>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/RamWebsite_NEW/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/RamWebsite_NEW/SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </div>
    </body>
    </html>

    You have your image in the 'body editable region' wrapped in <p></p> tags (paragraph tags). <p> tags have padding and margin set on them by default.
    <p><img src="/images/aboutus2.jpg" width="675" height="300" /></p>
    You can either just remove the <p></p> tags or you can zero out the padding and margin:
    p {
    padding: 0;
    margin: 0;
    Unfortuanately the above will target every paragraph on your page which might not be desirable so I would just remove the <p> tags as it is not necessary to wrap an image in them.
    If you do want to keep the <p> tags then use some inline css to specifically remove the padding and margin on that particular one:
    <p style="padding: 0; margin: 0;"><img src="/images/aboutus2.jpg" width="675" height="300" /></p>

  • I am really in trouble with AP Div-How do I fix it on the web?

    Hi,
    I am really in trouble with my website. I have added some pictures and text on top of Fireworks Image and have published it on the website.
    But the concern is, when I zoom in & zoom out, I can see the previous text on the screen and also the picture and texts I have added using Ap Div  tag are scattered moving all to the left when I zoom out. Can someone help me how to fix this in one particular place so that it doesn't move when I zoom in or zoom out!!! I am using Adobe Dreamweaver CS3, if this will help.
    Appreciate your sincere help on this.
    Thanks in advance.

    Frankly, there's a lot that is wrong with that page:
    1. Most of your content is in the images - this means that you will get very poor search engine ranking
    2. Your extensive use of absolute positioning for layout - this means that when you enlarge the text size in the browser, you will have overflow problems on the page (for example, the terrible problems at the bottom of the page)
    3. You have used tables for layout - this is because of your use of Fireworks to create the HTML
    Each of these problems is solvable but none of them are solvable easily without a redesign of the page. A web page should be built from the top down, stacking content containers (i.e., <div>, <section>, <article>, <aside>, etc.) vertically or floating them horizontally or both. These containers would be loaded with the text content of the page, and images would be used only for cosmetic appearance. Using CSS to style/locate the content will allow you to completely move away from tables for layout. Most typical pages can be created without the use of absolute positioning which should be used only for special purposes, not for layout of the page elements.

  • Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

    Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
    This started all of a sudden.
    The entire website is a series of spry tabbed panels.
    http://pacificlaser.com/const.html
    if you click on General construction tab things work ok...
    if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
    ive been looking for the answer for 4 months with no success.
    Hope a fellow dreamwever-person can help
    Thanks Rick

    You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
    Correct these links:
    <script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    And you should be good to go.
    Beth
    ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
    B

  • Trouble with site in flash should be visualized FULL  screen some people report to have seen very small

    REF.: trouble with site in flash that should be visualized in
    FULL screen as width/height parameters are set
    'width','100%','height','100%' - however some people report to have
    seen it very small as a “miniature”
    I simply cannot explain why some people report to see the
    flash site very small with Internet Explorer as I visualize it here
    in full screen.
    To be honest with Firefox 2 the same happens here , it does
    not open in full screen.
    I´ve pasted bellow the html source code employed ; The
    script is Adobe´s AC_RunActiveContent.js //v1.0
    Could someone please help me out ?
    Thank you
    <!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=iso-8859-1" />
    <title> </title>
    <META NAME="description" CONTENT="">
    <META NAME="keywords" CONTENT="">
    <meta http-equiv="Content-Type" content="text/html;">
    <script src="scripts/AC_RunActiveContent.js"
    type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href
    ="giovannirocco_css/giovannirocco.css" />
    </head>
    <body>
    <div align="center">
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','wid th','100%','height','100%','src','flash/giovannirocco_0','quality','high','pluginspage','h ttp://www.macromedia.com/go/getflashplayer','movie','flash/giovannirocco_0'
    ); //end AC code
    </script>
    <noscript>
    <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
    width="100%" height="100%">
    <param name="movie" value="flash/giovannirocco_0.swf"
    />
    <param name="quality" value="high" />
    <embed src="flash/giovannirocco_0.swf" quality="high"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    type="application/x-shockwave-flash" width="100%" height="100%">
    </embed>
    </object>
    </noscript>
    </div>
    </body>
    </html>

    Hey ! anyone to help me please ?

  • Photo Gallery combined with three column CSS

    Hi, I am trying to implement your photo gallery into our
    school site and I am having trouble with the layout. I am using a
    three-column layout created with CSS and JS, and then placing the
    photo gallery inside of this. What happens is when you pull up the
    page the three column layout does not position everything correctly
    until you resize the browser window (ever so slightly). Help, have
    been staring at CSS and JS code now for about a month and cannot
    get it to behave, any help would be greatly appreciated. Thanks.
    HSPVA Photo
    Gallery

    "kjuliff" <[email protected]> wrote in message
    news:eqij22$are$[email protected]..
    >I can reproduce your problem, gnd4evr&evr. I have XP
    an IE7 and FF2.
    >It's fine
    > in FF2 but not in IE7.
    >
    > I have a similar problem, and I think it's related. This
    problem
    > really needs
    > addressing!
    >
    > Go to
    http://www.coolabah.com/spry/demos/gallery/
    and look at the
    > bottom of
    > the page (in either IE or FF). You will see a google
    adsense div.
    > Although it
    > is specified in it's div tab as being 15 px in height,
    it takes up
    > much more
    > than that.
    >
    > I HAD wanted to have these google links at the top of my
    gallery, but
    > cannot
    > as I cannot force the div to be only 15px in height.
    >
    > I posted this problem a few weeks ago but no one
    answered.
    Your Google ads are in an iframe. This rule will get you
    started
    iframe {
    height: 2em !important;
    position: absolute;
    top: 650px;
    You can leave the position static if you like, and it will
    move up and
    down with your images - I found that a bit distracting,
    though. If you
    leave it static, use a top-margin to establish space between
    your image
    and the ads.
    The !important notation is required for the height,
    indicating either a
    conflict somewhere in your markup or CSS, or poor Google code
    (not
    uncommon).
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"

  • Newbie having trouble with opt/rep regions

    Hi everyone. I'm migrating my site from simple, square html
    to nice, elegant css. I've done most of the work, but I'm having
    some trouble with templates. Here's an example of how a page
    created with a template will (hopefully) look:
    http://www.technfun.com/temp/example.html
    I've succeeded in making the article region (inside the white
    frame) editable, but I can't figure out how to handle the side bar
    menu. It's supposed to contain links to the chapters and
    subchapters of the main article, so that clicking there will bring
    you to the right place in the page (a simple # link, in other
    words). However, the article writer (me) needs to be able to add as
    many "SidebarLarge" entries as necessary. Under each of those there
    may or may not be the need to add "SidebarSmall" entries for
    subchapters.
    I read the help file and figured out I need to do something
    with the optional and repeating region settings, but whenever I try
    I only ever manage to make a mess of the sidebar. Anyone can tell
    me how exactly I'm supposed to do this?
    Thanks :)

    Why not just make the whole sidebar an editable region
    instead? Then you
    can add as much stuff as you see fit.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "TechNFun" <[email protected]> wrote in
    message
    news:gda2tq$2v9$[email protected]..
    > Hi everyone. I'm migrating my site from simple, square
    html to nice,
    > elegant
    > css. I've done most of the work, but I'm having some
    trouble with
    > templates.
    >
    [url=http://www.technfun.com/temp/example.html]Here[/url]'s an
    example of
    > how a
    > page created with a template will (hopefully) look.
    >
    > I've succeeded in making the article region (inside the
    white frame)
    > editable,
    > but I can't figure out how to handle the side bar menu.
    It's supposed to
    > contain links to the chapters and subchapters of the
    main article, so that
    > clicking there will bring you to the right place in the
    page (a simple #
    > link,
    > in other words). However, the article writer (me) needs
    to be able to add
    > as
    > many "SidebarLarge" entries as necessary. Under each of
    those there may or
    > may
    > not be the need to add "SidebarSmall" entries for
    subchapters.
    >
    > I read the help file and figured out I need to do
    something with the
    > optional
    > and repeating region settings, but whenever I try I only
    ever manage to
    > make a
    > mess of the sidebar. Anyone can tell me how exactly I'm
    supposed to do
    > this?
    > Thanks :)
    >

  • I have so much trouble with the plug in part of the program I want to disable this in Mozilla. I have to go to windows explorer to get around this plug in problem with Mozilla.

    # Question
    I have so much trouble with the plug in part of the program I want to disable this in Mozilla. I have to go to windows explorer to get around this plug in problem with Mozilla

    Depending on the CSS, live view and design view can be totally different.
    Its often best to type in your copy in the divs and then add the CSS to format it.
    Post the css and the set of divs with some content in order to enable people to try work out what is wrong.

  • Trouble with rollover image in div

    Hello there,
    I am having some trouble with the following.
    I want to create a rollover image 90 pxl x 90 pxl and put it inside a div 90 pxl x 90 pxl.
    The div is inside other divs and makes up a kind of a table. I checked that all the div and image sizes are the same but when I place the cursor inside the div and select 'insert rollover image', my images are all squashed up and don't appear normal size. Very odd.
    Here is some of my code:
    CSS of div (I want to put my image inside smallBox01a)
    #Header #rightColumn #smallBox01 {
        height: 90px;
        width: 270px;
    #Header #rightColumn #smallBox01 #smallBox01a {
        float: left;
        height: 90px;
        width: 90px;
    HTML
          <div id="smallBox01a"><a href="tobi.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tobi','','Images/TobiOver.jpg',1)"><img src="Images/TobiOff.jpg" alt="Tobi" name="tobi" width="90" height="90" border="0" id="tobi" /></a></div>
    Poor old Tobi cat's face is all squashed up. Any idea what is going wrong? I don't have any padding within the div either.
    Thanks!
    PS I also should add that when I tried to simply add in one of the Tobi images instead of the rollover image, it appeared perfectly fine within the div. It is only the rollover that is getting vertically squashed up.

    So, I've been playing around with your page in dreamweaver and I put a <div> container around your entire web page and then set the width to 1200px. That contained all the contents so that when you re-size the web page the contents don't colapse.
    Not sure if that's what Murray or Nancy mean and am curious if their is a better way.
    That would work although 1200px is too wide.  Something along the lines of 1000px would be better, since you want the page to display in a maximized browser viewport on a 1024 screen without dropping horizontal scrollbars.  I still use 960px as a maximum width....
    Re the centering of the page: Good question I would like to know how to do it "properly"
    In the CSS body rule I put:  margin-left: 20%;
                                                margin-right: 20%;
    Again, I'm not sure if that's the correct way to center the page, and would like to know a better way.
    It's not the best way to do this, which would be to use a fixed width container (as you have done) and just assign it left/right margin settings of 'auto', e.g.,
    #container { width:960px; margin:0 auto; }
    You can center *any* block element within its container with this method.

  • Trouble with spacing of divs vertically

    Hi all,
    I am having trouble with CSS and vertically stacking my divs, In the following code there are a number of identical divs and I want them to stack one upon the other like in a list. At the moment I need to hit returns after each div to get below the one above and it puts way too much room in between each div doing this. I am at a loss how to do set the amount of spcae between them and also to make one go directly below the other.
    Any and all help greatly appreciated
    Thanks  Rick
    <bodystyle="margin:0; padding:0;">
    <div class="logo">
      <p><img src="images/spinlogonewsml.jpg" alt="Spin City Logo" border="0" style="position: absolute; top: 10px; left: 500px; /></p>
      <p> </p>
      <p> </p>
    </div>
    <div class=main">
    <div class="imagebutton" id="left"><img src="images/img_16_n.png" width="40" height="40" alt="left button" /></div>
    <div class="help">Rotate the Object or Panorama left one increment.</div>
    <p> </p>
    <div class="imagebutton" id="right"><img src="images/img_17_n.png" width="40" height="40" alt="Right Button" /></div>
    <div class="help">Rotate the Object or Panorama right one increment.</div>
    <p> </p>
    <div class="imagebutton" id="Plus"><img src="images/img_18_n.png" width="40" height="40" alt="Plus Button" /></div>
    <div class="help">Zoom into the image a step at a time.</div>
    <p> </p>
    <div class="imagebutton" id="minus"><img src="images/img_19_n.png" width="40" height="40" alt="Minus Button" /></div>
    <div class="help">Zoom out of the image a step at a time.</div>
    <p> </p>
    <div class="imagebutton" id="AutoRotate"><img src="images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" /></div>
    <div class="help">Starts or stops auto rotation of the Object or Panorama.</div>
    <p> </p>
    <div class="imagebutton" id="DefaultView"><img src="images/img_23_n.png" width="40" height="40" alt="Default Vew Button" /></div>
    <div class="help">Resets the Object or Panorama to it's starting position.</div>
    <p> </p>
    <div class="imagebutton" id="RotateMode"><img src="images/img_25_n.png" width="40" height="40" alt="RotateMode" /></div>
    <div class="help">
      Sets the mouse interactive mode to 'Rotate' allows for rotating the Object when zoomed in, toggles with 'Move' button below.
    </div>
    <p> </p>
    <div class="imagebutton" id="MoveMode"><img src="images/img_24_n.png" width="40" height="40" alt="Move Mode Button" /></div>
    <div class="help">Sets the mouse interactive mode to 'Move' allows for dragging the Object when zoomed in, toggles with 'Rotate' button above.</div>
    <p> </p>
    <div class="imagebutton" id="SoundButton"><img src="images/img_28_n.png" width="40" height="40" alt="Sound Button" /></div>
    <div class="help">Use this button to mute the sounds played by the interactive presentation.</div>
    <p>  </p>
    </div>
    </body>
    </html>

    Way too many divisions.  All you need is one main division or possibly two.  The rest is easily contained inside <p> tags.
    Copy and paste this into a new HTML document.
    <!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>Vr help File</title>
    <style type="text/css">
    /**zero out browser default settings on everything**/
    * {margin:0; padding:0; line-height: 100%; font-size: 100%;}
    p {
    line-height: 1em;
    font-size: 16px;
    margin-bottom: 12px; /**space between paragraphs**/
    #logo {
    float:right;
    width: 35%;
    margin-right: 150px /**adjust as req'd**/
    </style>
    </head>
    <body>
    <div id="logo">
    <img src="http://www.spincityimaging.com/images/spinlogonewsml.jpg" width="74" height="53" class="logo" />
    <!--end logo --></div>
    <p><img src="http://www.spincityimaging.com/images/img_16_n.png" width="40" height="40" alt="left button" />Rotate the Object or Panorama left one increment.</p>
    <p><img src="http://www.spincityimaging.com/images/img_17_n.png" width="40" height="40" alt="Right Button" />Rotate the Object or Panorama right one increment.</p>
    <p><img src="http://www.spincityimaging.com/images/img_18_n.png" width="40" height="40" alt="Plus Button" />Zoom into the image a step at a time.</p>
    <p><img src="http://www.spincityimaging.com/images/img_19_n.png" width="40" height="40" alt="Minus Button" />Zoom out of the image a step at a time.</p>
    <p><img src="http://www.spincityimaging.com/images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" />Starts or stops auto rotation of the Object or Panorama.</p>
    <p><img src="http://www.spincityimaging.com/images/img_23_n.png" width="40" height="40" alt="Default Vew Button" />Resets the Object or Panorama to it's starting position.</p>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • I have been having a lot of trouble with the latest itunes update and my ipod classic 80Gb i.e. being unable to sync songs, but now i have no files at all on my ipod, it is completely blank when i view it from my computer. I need help, please, anybody.

    As it says above, i have been having a lot f trouble with my ipod classic and the latest itunes update, i was unable to sync songs or anything to it and have tried every conceivable 'fix' i could find. i have run an itunes diagnostic and the results are posted below. a major problem is that when i try and view my ipod through my computer it displays nothing at all on the ipod, no files or anything, this may be the problem but i have no idea how it has happened or how i could resolve it.
    This ipod holds huge sentimental value and i am loathe to buy a new one! If anybody can help it is greatly appreciated, than kyou in advanced.
    Microsoft Windows 7 x64 Home Premium Edition Service Pack 1 (Build 7601)
    ASUSTeK Computer Inc. K50IJ
    iTunes 11.1.5.5
    QuickTime not available
    FairPlay 2.5.16
    Apple Application Support 3.0.1
    iPod Updater Library 11.1f5
    CD Driver 2.2.3.0
    CD Driver DLL 2.1.3.1
    Apple Mobile Device 7.1.1.3
    Apple Mobile Device Driver 1.64.0.0
    Bonjour 3.0.0.10 (333.10)
    Gracenote SDK 1.9.6.502
    Gracenote MusicID 1.9.6.115
    Gracenote Submit 1.9.6.143
    Gracenote DSP 1.9.6.45
    iTunes Serial Number 0038B8600B98D1E0
    Current user is not an administrator.
    The current local date and time is 2014-03-21 16:52:39.
    iTunes is not running in safe mode.
    WebKit accelerated compositing is enabled.
    HDCP is not supported.
    Core Media is supported.
    Video Display Information
    Intel Corporation, Mobile Intel(R) 4 Series Express Chipset Family
    Intel Corporation, Mobile Intel(R) 4 Series Express Chipset Family
    **** External Plug-ins Information ****
    No external plug-ins installed.
    Genius ID: 2fd81a1f13cf3ff25a8b4f0e8e725116
    **** Device Connectivity Tests ****
    iPodService 11.1.5.5 (x64) is currently running.
    iTunesHelper 11.1.5.5 is currently running.
    Apple Mobile Device service 3.3.0.0 is currently running.
    Universal Serial Bus Controllers:
    Intel(R) ICH9 Family USB Universal Host Controller - 2934.  Device is working properly.
    Intel(R) ICH9 Family USB Universal Host Controller - 2935.  Device is working properly.
    Intel(R) ICH9 Family USB Universal Host Controller - 2936.  Device is working properly.
    Intel(R) ICH9 Family USB Universal Host Controller - 2937.  Device is working properly.
    Intel(R) ICH9 Family USB Universal Host Controller - 2938.  Device is working properly.
    Intel(R) ICH9 Family USB Universal Host Controller - 2939.  Device is working properly.
    Intel(R) ICH9 Family USB2 Enhanced Host Controller - 293A.  Device is working properly.
    Intel(R) ICH9 Family USB2 Enhanced Host Controller - 293C.  Device is working properly.
    No FireWire (IEEE 1394) Host Controller found.

    Here is what worked for me:
      My usb hub, being usb2, was too fast. I moved the wire to a usb port directory on my pc. That is a usb1 port which is slow enough to run your snyc.

  • Trouble with Toshiba built-in webcam: "unable to enumerate USB device"

    I am running archlinux on a Toshiba Satellite L70-B-12H laptop, and having troubles with the Webcam. *Once in a while*, everything goes well and I get
    # lsusb
    Bus 004 Device 002: ID 8087:8000 Intel Corp.
    Bus 004 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    Bus 003 Device 004: ID 04f2:b448 Chicony Electronics Co., Ltd
    Bus 003 Device 003: ID 8087:07dc Intel Corp.
    Bus 003 Device 002: ID 8087:8008 Intel Corp.
    Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    Bus 002 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
    Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    # dmesg
    [ 3433.456115] usb 3-1.3: new high-speed USB device number 4 using ehci-pci
    [ 3433.781119] media: Linux media interface: v0.10
    [ 3433.809842] Linux video capture interface: v2.00
    [ 3433.826889] uvcvideo: Found UVC 1.00 device TOSHIBA Web Camera - HD (04f2:b448)
    [ 3433.835893] input: TOSHIBA Web Camera - HD as /devices/pci0000:00/0000:00:1a.0/usb3/3-1/3-1.3/3-1.3:1.0/input/input15
    [ 3433.835976] usbcore: registered new interface driver uvcvideo
    [ 3433.835977] USB Video Class driver (1.1.1)
    Unfortunately, *most of the time* the camera seems invisible to my system, and I get
    # lsusb
    Bus 004 Device 002: ID 8087:8000 Intel Corp.
    Bus 004 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    Bus 003 Device 003: ID 8087:07dc Intel Corp.
    Bus 003 Device 002: ID 8087:8008 Intel Corp.
    Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    Bus 002 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
    Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
    (note the missing "04f2:b448 Chicony Electronics Co., Ltd" device), and
    # dmesg
    [ 480.104252] usb 3-1.3: new full-speed USB device number 4 using ehci-pci
    [ 480.171097] usb 3-1.3: device descriptor read/64, error -32
    [ 480.341235] usb 3-1.3: device descriptor read/64, error -32
    [ 480.511375] usb 3-1.3: new full-speed USB device number 5 using ehci-pci
    [ 480.578007] usb 3-1.3: device descriptor read/64, error -32
    [ 480.748151] usb 3-1.3: device descriptor read/64, error -32
    [ 480.918282] usb 3-1.3: new full-speed USB device number 6 using ehci-pci
    [ 481.325196] usb 3-1.3: device not accepting address 6, error -32
    [ 481.392091] usb 3-1.3: new full-speed USB device number 7 using ehci-pci
    [ 481.798926] usb 3-1.3: device not accepting address 7, error -32
    [ 481.799166] hub 3-1:1.0: unable to enumerate USB device on port 3
    Searching on the web, most results I found lead to this page, where it is said that the problem is due to badly tuned overcurrent protection, and advocated that unplugging and switching off the computer for a little while gets things back into normal. This does not really work for me; the problem seems to occur more randomly, unfortunately with high probability (my camera is available after less than one boot out of ten).
    I tried to ensure that the ehci-hcd module is loaded at boot with the ignore-oc option (with a file in /etc/module-load.d/), to no avail.
    I also wrote a script which alternatively removes and reloads the ehci-pci driver until my device is found in lsusb. It is sometimes helpful, but usually not. And even when my device is found that way, it can only be used for a while before disappearing again.
    Anyway, such a hack is unacceptable... So, my questions are:
    is it indeed related to overcurrent protection ?
    is there anything else I can try ?
    should I file somewhere an other of the numerous bug reports about "unable to enumerate USB device" already existing ?
    If of any importance, I am running linux 3.15.7, because at the time I installed my system, I couldn't get the hybrid graphic card Intel/AMD working under 3.16.
    Last edited by $nake (2014-10-18 16:29:06)

    uname -a
    Linux libra 3.9.4-1-ARCH #1 SMP PREEMPT Sat May 25 16:14:55 CEST 2013 x86_64 GNU/Linux
    pacman -Qi linux
    Name : linux
    Version : 3.9.4-1
    Description : The linux kernel and modules
    Architecture : x86_64
    URL : http://www.kernel.org/
    Licences : GPL2
    Groups : base
    Provides : kernel26=3.9.4
    Depends On : coreutils linux-firmware kmod mkinitcpio>=0.7
    Optional Deps : crda: to set the correct wireless channels of your country
    Required By : nvidia
    Optional For : None
    Conflicts With : kernel26
    Replaces : kernel26
    Installed Size : 65562.00 KiB
    Packager : Tobias Powalowski <[email protected]>
    Build Date : Sat 25 May 2013 16:28:17 CEST
    Install Date : Sun 02 Jun 2013 15:30:35 CEST
    Install Reason : Explicitly installed
    Install Script : Yes
    Validated By : Signature

Maybe you are looking for