html - Getting a nav bar to have equal spaces -


i have slight problem code trying on navbar, each section have equal amount of space , not have space according how many characters have in title. example, map should have as about.

here looks now:

enter image description here

.wrap {    width: 90%;    background-image: url(images/navbarbackground.png);    background-repeat: no-repeat;    margin: auto;    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);    padding: 0px;    font-family: minecrafter;  }  .wrap:after {    content: " ";    clear: both;    display: block;    height: 0;    visibility: hidden;  }  .wrap ul {    display: table;    width: 95%;  }  .wrap li {    display: table-cell;    vertical-align: middle;  }  .wrap li {    text-decoration: none;    background-color: #eeeeee;    color: #666666;    padding: 6px 0 6px 0;    border: 1px solid #ccc;    border-right: 1px solid #333;    border-bottom: 1px solid #333;    display: block;    text-align: center;  }  .wrap h2 {    margin-top: 10px;    margin-bottom: 10px;    text-transform: uppercase;    color: #ffffff;    width: 6em;    text-align: center;    line-height: 1.0;    letter-spacing: .04em;    display: in line-block;    vertical-align: middle;    float: left;  }  .wrap h2 span {    display: block;    letter-spacing: .17em;  }  .navwrap {    margin-top: 0px;    overflow: hidden;    padding-top: 16px;    padding-bottom: 0px;    margin-bottom: 10px;  }
<div class="wrap">    <h2 class="minecrafter">miners <span>union</span></h2>    <div class="navwrap">      <ul class="nav">        <li><a href="#">home</a>        </li>        <li><a href="#">forums</a>        </li>        <li><a href="#">donate</a>        </li>        <li><a href="#">apply</a>        </li>        <li><a href="#">map</a>        </li>      </ul>    </div>  </div>

you try this: fiddle

.wrap ul {     width:100%;     padding: 0; }  .wrap li {     display:inline-block;     float: left;     width: 20%;     vertical-align:middle; }

Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more