Позиционирование Работа в режиме конструктора, но в режиме реального времени происходит сбой - PullRequest
Новая
       18

Позиционирование Работа в режиме конструктора, но в режиме реального времени происходит сбой

0 голосов
/ 26 января 2012

Расположение фона для панели навигации в режиме конструктора показывает именно то, что я хочу, но когда я перехожу к просмотру в реальном времени, положение фона панели навигации становится равным 0px 0px для каждой ссылки.

РЕДАКТИРОВАТЬ:

Вот изображения.

Представление дизайна: http://postimage.org/image/now197ryt/

Live View: http://postimage.org/image/fyan6wpg5/

Здесьэто код.

HTML: 

  <div id="topnav">
        <ul>
         <li id="nav-home"><a href="index.html"><span>Feature Product</span></a></li>
         <li id="nav-all"><a href="shop_owners.html"><span>All Products</span></a></li>
         <li id="nav-how"><a href="all_products.html"><span>How It Works</span></a></li>

    </ul>

CSS: 

#topnav{
    position:relative; left:100px; top:100px; margin:0; padding:0; height:50px;
    }
#topnav ul{list-style-type:none; text-align:center; line-height:50px}

#topnav ul li{float:left;}

#topnav ul li {background:url(../nav-bar-3.png);
background-repeat:none;}

#topnav ul li a{display:block;
height:50px;
position:relative;}

li#nav-home{width:200px;}
li#nav-all{width:200px; background-position:-200px 0px}
li#nav-how{width:200px; background-position:-400px 0px}

#topnav ul li span {background:url(../nav-bar-3.png) no-repeat scroll bottom left;
display:none;
position:absolute;
top:0;
left:0;
height:50px;
width:100%;
z-index:100;}

#topnav li a span:hover {cursor:pointer;}

#nav-home span {background-position:0px -50px}

#nav-all span{background-position:-200px -50px;}

#nav-how span{background-position:-400px -50px;}
      </div>
...