html - How can I get this empty space to go away? -
i'm trying add border left side of content , right side, , did success. cannot make border go way navigation bar. tried can make empty space go away, none of attempts have worked.
<!doctype html> <html> <head> <title>plugins | headgam3z.com</title> <link href="style.css" rel="stylesheet"/> <link rel="shortcut icon" type="image/x-icon" href="ico.ico" > </head> <body> <div class="all_content"> <div id="body_sides"> <img src="images/left_body.jpg" class="left_body"/> <img src="images/right_body.jpg" class="right_body"/> <div id="header"> <a href="index.html"> <img src="images/header_2.jpg"/> </a> </div> <div id="nav"> <div id="nav_bar"></div> <a href="index.html">home</a> <a href="plugins.html">plugins</a> <a href="news.html">news</a> <a href="contact.html">contact</a> </div> <!-- easycolorchat --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/easycolorchat/" id="plugin_box"> <h1>easycolorchat</h1> </a> <p> <span id="short_desc">a lightweight plugin allows players have default chat color using command!</span><br> easycolorchat (ecc), can set player's chat color whatever wish in-game or console. can set own chat color, well. ecc newbie friendly , extremely customizable through it's config.yml file - although not need edit files. download ecc drop plugins folder. </p> </div> <!--easyitemrename --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/easyitemrename/" id="plugin_box"> <h1>easyitemrename</h1> </a> <p> <span id="short_desc">easily give players access renaming , loring items 1 permission!</span><br> use renaming or loring command while holding item, , gets renamed or lored. can use spaces , colors, too. wonderful donor perk anyone's server. when rename or lore command used, automatically logs information log.txt file in easyitemrename's folder. </p> </div> <!-- hgguard --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/hgguard/" id="plugin_box"> <h1>hgguard</h1> </a> <p> <span id="short_desc">extremely user friendly plugin server owners want control guard settings on server!</span><br> can set if guard should lose items upon death, different types of messages, enchantments per item, reload configuration in-game, save player's inventory replace guard kit when going on duty - can saved inventory once off duty, - turn on , off different items , enchant in configuration file, set amount of items guard kit have, , more. </p> </div> <!-- sugarrush --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/sugarrush/" id="plugin_box"> <h1>sugarrush</h1> </a> <p> <span id="short_desc">give player sugarrush when player eats cookie or pie!</span><br> can configure message, time, , amplifier of speed effect in config.yml file. </p> </div> <!-- fillbottle --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/fillbottle/" id="plugin_box"> <h1>fillbottle</h1> </a> <p> <span id="short_desc">quickly , fill empty bottles water!</span><br> fill empty bottle, toggle fillbottle on right click. can change of messages , reload plugin straight through console. </p> </div> <!-- antidispense --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/antidispense/" id="plugin_box"> <h1>antidispense</h1> </a> <p> <span id="short_desc">simply , smartly block dispensers dispensing items lightweight plugin!</span><br> put antidispense in plugins folder, reload/restart server, , you're done. dispensers no longer able dispense items. </p> </div> <!-- placesmelt --> <div id="plugin_space"> <a href="http://dev.bukkit.org/bukkit-plugins/placesmelt/" id="plugin_box"> <h1>antidispense</h1> </a> <p> <span id="short_desc">simply , smartly block dispensers dispensing items lightweight plugin!</span><br> put antidispense in plugins folder, reload/restart server, , you're done! dispensers no longer able dispense items. </p> </div> </div> </body> body { margin: 0px; margin-left: 90px; margin-right: 90px; padding: 0px; padding-left: 100px; padding-right: 100px; background-color: white; } .all_content { margin: 0px; padding: 0px; } .all_content #nav { padding: 0px; margin: 0px; border: 0px; } .all_content #body_sides .left_body { position: fixed; margin: 0px; padding: 0px; width: 50px; height: 667px; left: 140px; } .all_content #body_sides .right_body { position: fixed; margin: 0px; padding: 0px; width: 50px; height: 667px; right: 140px; } .all_content #header img { display: block; margin-left: auto; margin-right: auto; height: 250px; } .all_content #nav #nav_bar { margin: 0px; padding: 0px; width: 980px; height: 25px; background-color: #000000; } .all_content #nav { position: relative; bottom: 21px; text-decoration: none; margin-left: 150px; padding: 4px 10px; color: #00ffff; /* ff6a00 */ } .all_content #nav a:hover { color: #8effff; background-color: #494949; } .all_content h1 { margin-left: 90px; font-weight: bold; font-family: "times new roman", times, serif; color: #000000; } .all_content h6 { position: relative; bottom: 15px; margin-left: 90px; font-weight: bold; font-family: "times new roman", times, serif; color: #000000; } .all_content p { margin-left: 90px; padding-right: 90px; color: #808080; } #domain { color: #333333; font-weight: bold; } #short_desc { font-size: 18px; font-weight: bold; color: #4c4c4c; } #plugin_space { position: relative; margin: 0px; padding: 2px; border-color: black; border-left-style: solid; border-right-style: solid; } #plugin_box { text-decoration: none; } #bold_darkred { color: #c10000; font-weight: bold; } #darkred { color: #c10000; } #easycolorchat_update { padding: 0px; margin: 0px; border-color: #00ffff; border-left-style: solid; border-right-style: solid; } you can view empty space on picture on there -> http://imgur.com/laml5wx
the issue nav taller looks
giving height e.g. below should trick
.all_content #nav { padding: 0px; margin: 0px; border: 0px; height: 25px; }
Comments
Post a Comment