html - Links are moving on hover -


i making dropdown menu css. when hover on link sublinks fadein. works, right after faded in links go 1px left , sublinkbar 1px larger. html:

    <!doctype html> <html lang="nl">     <head>         <title>..</title>         <link rel="stylesheet" type="text/css" href="css/style.css">         <link rel="stylesheet" type="text/css" href="css/reset.css">     </head>      <body>         <div id="main-wrapper">             <div id="nav-bar">                 <div id="nav-bar-linkcontainer">                     <div id="nav">                         <li><a href="#">home</a></li>                         <li><a href="#">voorstellingen</a>                         <ul>                             <li><a href="#">voorstelling 1</a></li>                             <li><a href="#">voorstelling 2</a></li>                             <li><a href="#">voorstelling 3</a></li>                             <li><a href="#">voorstelling 4</a></li>                         </ul>                         </li>                         <li><a href="#">the locals</a></li>                         <li><a href="#">speellijst</a></li>                         <li><a href="#">boekingen</a></li>                     </div>                     <a href=""><img src="images/youtube.png" id="social1"></a>                     <a href=""><img src="images/facebook.png" id="social2"></a>                 </div>             </div>              <div id="main-container">                 <div id="main-content">                    </div>             </div>         </div>     </body> </html>

the css: 

@font-face { font-family: kop; src: url('viafont.ttf'); } #main-wrapper {     font-family: 'trebuchet ms',arial,helvetica,sans-serif; } #nav-bar {     background-color: #e6f9ff;     width: 100%;     height: 50px;     border-bottom: 2px solid #e6e6e6; } #nav-bar-linkcontainer {     height: 70px;     width: 1100px;     margin: 0 auto 0 auto; } #nav, #nav ul {     z-index: 4;     padding: 3px 0 0 0;     margin: 0;     list-style: none; } #nav li {     display: block;     padding-top: 14px;     padding-bottom: 23px;     text-align: center;     float: left;     width: 160px; } #nav ul li {     width: 200px; } #nav ul {     margin-top: 10px;     opacity: 0.0;        width: 0px;     transition:opacity 0.4s ease-in-out;     position:absolute; }  #nav li:hover ul, #nav li.ie_does_hover ul {     opacity: 1.0;     left: auto;  } #nav li {     text-align: center;     width: 159px;     display: block;     margin: 2px 5px 3px 5px;     text-decoration: none;     font-family: kop;     font-size: 1.0em; } #nav ul li {     background-color: blue;     text-align: center;     width: 195px;     display: block;     margin: 2px 5px 3px 5px;     text-decoration: none;     font-family: kop;     font-size: 1.0em; } div a{     font-weight: bold;     color: #535353;     cursor: pointer;     transition:color 0.4s; } div ul a:link, div ul a:visited{     color: #fff;     cursor: pointer; } #nav li a:hover {     color: #ff6600; } div ul li{     background-color: #666; } * html ul li, * html div ul li{ border-bottom: 3px solid #fff; } * html div ul li{ border-top: 0; } #main-container {     width: 100%;     height: 2000px;     padding-top: 30px; } #main-content {     padding: 30px;     position: relative;     height: 1000px;     width: 1100px;     margin:  0 auto 0 auto; } #social1 {     width: 35px;     margin-left: 100px;     margin-top: 6px; } #social2 {     width: 35px;     margin-left: 5px; } #social2:hover,#social1:hover {     opacity: 0.5; }

i got standard reset.css can 1 of see problem?


Comments

Post a Comment

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

i using signpost oauth access data magento server. have read various tutorials on same , reach point open browser user can enter credentials. however, per requirement have automate part. hence, user should not browser page. have set-up done on server side ( magento ), hit url , returned call page. same through program in android. i have tried below, consumer = new commonshttpoauthconsumer(key, secret); provider = new commonshttpoauthprovider(oauth_init_url,access_token_url, authorize_url); try { provider.retrieverequesttoken(consumer, oauth.out_of_band); log.d("tokens" , consumer.gettoken() + " -- " + consumer.gettokensecret()); } and request tokens. dont know how bypass next step. tried directly accessing accesstoken (stupid of me) provider.retrieveaccesstoken(consumer, "mycallback://callback"); no luck, ends in oauth.signpost.exception.oauthnotauthorizedexception: authorization failed (server replied 401). ...
Read more

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

getting error org.mockito.exceptions.misusing.invaliduseofmatchersexception: invalid use of argument matchers! 1 matchers expected, 2 recorded. exception may occur if matchers combined raw values: //incorrect: somemethod(anyobject(), "raw string"); when using matchers, arguments have provided matchers. example: //correct: somemethod(anyobject(), eq("string matcher")); at when( getprogramservice .callservice(any(getprogramtype.class))) .thenreturn(jaxbresponse); please explain error , possible resolution the code posted looks fine; don't see problem it. code before or above causing exception. key here: invalid use of argument matchers! 1 matchers expected, 2 recorded. any , used above, doesn't return "special kind of null" or "special kind of getprogramtype"; don't exist. instead, returns null , side effect puts matcher on stack. whe...
Read more

google shop client API returns 400 bad request error while adding an item -

i'm working on solution add items in google shopping market java application. following tutorial real mess because of missing classes of laste release, after setting 1.5-beta maven managed make base example typecheck correctly classes. still can make simple task of adding 1 item. instead of posting whole code i'm posting part creates product feed. private product createproduct(string id) { product product = new product(); product.title = "red wool sweater"; product.content = new content( "text", "comfortable , soft, sweater keep warm on " + "cold winter nights. red , blue stripes."); product.appcontrol = new appcontrol(); product.appcontrol.addrequireddestination("productads"); product.externalid = id; product.lang = "it"; product.country = "it"; product.condition = "nuovo"; product.price = new price("eu...
Read more