jquery - Links overflowing out of container div -


i have jquery animation banner area on webpage run on body load. banner display set none initially, changed when function runs.

function displayexpand()     {     $('#displayarea').slidedown('slow', function(){});     }

for strange reason container navigation menu overflows , each link stacks on top of on far right side of page. stranger happens when refresh page. if access page link navigation menu fine. seems happen when run in chrome

css

#linkcontainer {     margin-top:20px;     float:right;     text-align:right;     height:55px; }

html

<div id="linkcontainer">     <div class="mybuttons" style="color:#c00; font-weight:bold;">home</div>     <a href="about.html" style="text-decoration:none"><div class="mybuttons">about</div></a>     <a href="portfolio.html" style="text-decoration:none"><div class="mybuttons">portfolio</div></a>     <a href="resume.html" style="text-decoration:none"><div class="mybuttons">resume</div></a>     <a href="contact.html" style="text-decoration:none"><div class="mybuttons">contact</div></a> </div>

any suggestions why?

if want display them in horizontal nav bar. instead of div's use <li>

here code:

html

<div id="linkcontainer">     <ul>         <li><a href="">home</a></li>         <li><a href="">about</a></li>         <li><a href="">portfolio</a></li>         <li><a href="">resume</a></li>         <li><a href="">contact</a></li>     <ul>   </div>

css

#linkcontainer { margin-top:20px; float:right; height:55px; width:auto; }  ul li {     list-style:none;     display:inline-table;     padding-left:30px; }

hope you..


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more