html - How do I make sure my text stays on same line when I add a 'space' inside <li> element? -

-

i find myself browsing sof , have yet post here is. i'm building new website , relative beginner css. struggling basic nav menu , can't quite research how solve problem..

here website , if under 'contact dropdown you'll see first list item on 2 lines when want on 1 see under 'downloads' drop down.

in case wants code

.nav{ width:100%; background-color: #0066b9; font-family: verdana; font-weight: bold; padding-top: 4px; padding-bottom: 4px; max-height: 31px; } .nav ul{ top: 0; width:960px; margin:0 auto; list-style: none; padding-left: 0px; display: inherit; } .nav li{ display: inline; position: relative; background-color: #003e64; padding-top: 4px; padding-bottom: 4px; } .nav ul li a{ color: white; text-decoration: none; padding: 10px; line-height: 21px; } .nav ul li a:hover{ background-color: purple; color: black; padding-top: 4px; padding-bottom: 4px; } .nav ul li ul{ display: none; position: absolute; margin: 0px; background-color: #003e64; width: auto; } .nav ul > li > ul{ position: absolute; left: 0; margin-top: 27px; display: none; padding-top: 10px; overflow: hidden; } .nav ul li:hover > ul{ display: block; padding-left: 6px; } .nav ul > li > ul > li{ position: relative; display: block; width: auto; } .nav ul > li > ul > li a{ padding: 10px; }

apologies in advance if posted incorrectly. not sure it's asking me indent 4 spaces.

try using white-space css property:

.nav li {     ...     white-space: nowrap; }

https://developer.mozilla.org/en-us/docs/web/css/white-space


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more