css - How do I remove the extra height in my <li>? -

-

i'm not sure how ask clearly, post code:

body {    background-color: #232026;    background-image: url('galaxy16cropped.jpg');    background-position: center top;    background-repeat: repeat-y;    background-size: 2000px;    background-attachment: fixed;    font-family: 'lato', 'arial', sans-serif;    color: #ffffff;    padding: 0px;    margin: 0px;    line-height: 1.5;  }  a:hover:not(.nav) {    background-color: yellow;  }  div.nav {    background-color: #232026;    width: 100%;    margin: 0px;    padding: 6px 0px 6px 0px;    height: 40px;  }  .nav li {    color: #ffffff;    display: inline;    list-style-type: none;    text-align: center;    text-transform: uppercase;    margin: 0px;  }  li.current {    background-color: #424242;  }  .nav li.current:hover {    background-color: #424242;  }  .nav a:hover {    background-color: #737373;  }  .nav {    color: #ffffff;    text-decoration: none;    display: inline-block;    border: none;    width: 140px;  }  .nav p {    color: #ffffff;    margin: 0px;    text-decoration: none;    display: inline-block;    width: 140px;  }  .content p {    text-align: justify;    margin-left: 10px;    margin-right: 10px;    max-width: 400px;  }  .container p {    text-align: justify;    margin-left: 10px;    margin-right: 10px;  }  div.bar {    margin: 0px;    width: 100%;    padding-top: 6px;    padding-bottom: 6px;    border-bottom: 1px solid #dbdbdb;    border-top: 1px solid #dbdbdb;    background-color: #424242;    opacity: 0.8;    text-align: center;  }  ul {    text-align: justify;    margin-left: 10px;    padding-left: 8px;    margin-right: 10px;  }  .body li {    font-size: 80%;    margin-bottom: 6px;  }  .body li:before {    content: "\25b7";    padding-right: 8px;  }
<div class="nav">    <img src="logotranspwhite.png" height="40px" style="float:left; margin-right:10px; margin-left:15px; border: none;">    <ul>      <li class="current">        <p>home</p>      </li>      <li><a href="about.html">about</a>      </li>      <li><a href="null">contact</a>      </li>      <li><a href="gallery.html">gallery</a>      </li>    </ul>  </div>

you can see hover background taller .current background. solved removing a:hover:not(.nav) near top of css. added not(.nav) try fix this, didn't help. i'd keep a:hover rest of page, can't out menu backgrounds.

i'm confused this! help!

you need add layout .nav li selector.

.nav li {   display: inline-block; }

or can float it:

.nav li {   float: left; }

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more