html - Page Navigation Won't Stay On One Line -

-

here html:

<div id="leftmenu">     <ul>       <li class="border"><a href="index.html">home</a></li>       <li class="border"><a href="services.html">services</a></li>       <li class="border"><a href="ourwork.html">our work</a></li>       <li class="border"><a href="testimonials.html">testimonials</a></li>       <li class="border"><a href="clients.html">clients</a></li>       <li class="border"><a href="quote.html">get quote</a></li>       <li class="border"><a href="documents.html">documents &amp; forms</a></li>       <li class="border"><a href="charities.html">charity information</a></li>       <li class="border"><a href="jobs.html">need job or gig?</a></li>       <li class="border"><a href="casting.html">casting calls</a></li>       <li><a href="ourteam.html">our team</a></li>      </ul> </div>

here css:

#leftmenu {     position:relative;     min-width:100%;     background-color:white;     border-top:1px solid gray; }  #leftmenu ul li{     float:left;     padding:7px;     font-family:georgia;     font-size:small;     -webkit-box-shadow:inset 0px 0px 20px rgba(0,0,0,0.1);     -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); }

what looking have nav bar resize fit parent element in. want resize depending on screen size well. have tested on dell 15 inch laptop screen , tested on mac 26 inch screen , nav bar doesn't extend way end of centered div on mac screen on dell screen. if extend on mac screen, overflows on smaller dell screen. have deal short nav bar on mac screen in order work on smaller screens?

you can use display:table; et al, make fit how need fit. moved border switch last list item don't have use many classes. 

<!doctype html> <html> <head>     <title>untitled page</title>     <meta charset="utf-8" />     <style type="text/css">         #leftmenu { display: table; width: 100%; }         ul { display: table-row; }         li { border-right: solid 1px #f08; display: table-cell; height: 3em; }         li.noborder { border: none; }     </style> </head> <body>     <div id="leftmenu">         <ul>             <li><a href="index.html">home</a></li>             <li><a href="services.html">services</a></li>             <li><a href="ourwork.html">our work</a></li>             <li><a href="testimonials.html">testimonials</a></li>             <li><a href="clients.html">clients</a></li>             <li><a href="quote.html">get quote</a></li>             <li><a href="documents.html">documents &amp; forms</a></li>             <li><a href="charities.html">charity information</a></li>             <li><a href="jobs.html">need job or gig?</a></li>             <li><a href="casting.html">casting calls</a></li>             <li class="noborder"><a href="ourteam.html">our team</a></li>         </ul>     </div> </body> </html>

just make sure there enough horizontal room because know how tables spill on containers when necessary.

or mentioned above use display:inline; on li , let wrap.


Comments

Post a Comment

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

-
Image
i want make logharitmic fit. keep getting runtime error: optimal parameters not found: number of calls function has reached maxfev = 1000 i use following script. can tell me go wrong? use spyder still beginner. import math import matplotlib mpl scipy.optimize import curve_fit import numpy np #data f1=[735.0,696.0,690.0,683.0,680.0,678.0,679.0,675.0,671.0,669.0,668.0,664.0,664.0] t1=[1,90000.0,178200.0,421200.0,505800.0,592200.0,768600.0,1036800.0,1371600.0,1630800.0,1715400.0,2345400.0,2409012.0] f1n=np.array(f1) t1n=np.array(t1) plt.plot(t1,f1,'ro',label="original data") # curvefit def func(t,a,b): return a+b*np.log(t) t=np.linspace(0,3600*24*28,13) popt, pcov = curve_fit(func, t, f1n, maxfev=1000) plt.plot(t, func(t, *popt), label="fitted curve") plt.legend(loc='upper left') plt.show() your original data t1 , f1 . therefore curve_fit should given t1 second argument, not t . popt, pcov = curve_fit(func,
Read more

c# - How to add a new treeview at the selected node? -

-
i have treeview 4 levels; parent, child, grandchild, great-grandchild. selectednode @ grandchild level. what i'm trying create new "treeview" @ grandchild - no, dont wnat create new node "selectednode" (grandchild). should somelike this: parent child grandchild (new treeview) parent grandchild great-grandchild child great-grandchild child grandchild grandchild it similar parent table mother , father went off , had new childern different spouse other spouse of there existing children. private sub populaterootlevel() ' query find first round of parent populatenodes(dt, jcatreeview.nodes) end sub private sub populatenodes(byval dt datatable, byval nodes treenodecollection) each dr datarow in dt.rows dim tn new treenode() tn.text = dr("title").tostring()
Read more

java - netbeans "Please wait - classpath scanning in progress..." -

-
when try compile netbeans projects message/error : "please wait - classpath scanning in progress..." and nothing happens , have have wait enternity conmpile "hello world"... now first thing have moved new office building, laptop same. it's secure enviroment lot of "security", can't connect anywhere almost. have changed user dir in netbeans.conf save data in c:\program files\user any ideas how fix this? alrady tried reinstalling netbeans, changing save location between standart , newone... just ideas find problem look @ cpu - netbeans busy (100% on 1 core) or blocking (95% idle)? standard, ant or maven build? libraries , use absolute or relative paths? start simple "hello world" project (no dependencies), add 1 lib (log4j or similiar), located in project folder , - if works - move lib other locations (choose locations similiar libs on real classpath) there chance, don't have access rights folders/shares conta
Read more