How to remove unwanted line breaks in html/css -
working on django templates theme bought on themeforest. problem i'm having that, whenever use base template, header automatically adds line breaks top when using hardcoded template files, seems fine.the white space @ top example of im talking about i'd glad if me on how remove unwanted space.
here's code of header base template:
{% load static %} <div id="mainmenubaranchor"></div> <header class="white_header"> <nav class="navbar navbar-default bootsnav"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="attr-nav"> <div class="upper-column info-box first"> <div class="icons"><i class="icon-telephone114"></i></div> <ul> <li><strong>phone number</strong></li> <li>+1 900 234 567 - 68</li> </ul> </div> </div> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="index6.html"><img src="{% static 'images/logo.png' %}" class="logo" alt=""></a> </div> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav navbar-right" data-in="fadein" data-out="fadeout"> <li class="dropdown active"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">home </a> <ul class="dropdown-menu"> <li><a href="index.html">home style 1</a></li> <li><a href="index2.html">home style 2</a></li> <li><a href="index3.html">home style 3</a></li> <li><a href="index4.html">home style 4</a></li> <li> <a href="index5.html">home style 5</a></li> <li> <a href="index6.html">home style 6</a></li> <li> <a href="index7.html">home style 7</a></li> <li> <a href="index8.html">home style 8</a></li> <li> <a href="index9.html">home style 9</a></li> <li> <a href="fullscreen.html">home fullscreen<span>new</span></a></li> </ul> </li> <li class="dropdown megamenu-fw"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">listing</a> <ul class="dropdown-menu megamenu-content" role="menu"> <li> <div class="row"> <div class="col-menu col-md-3"> <h5 class="title">properties list</h5> <div class="content"> <ul class="menu-col"> <li><a href="listing1.html">properties list</a></li> <li><a href="index7.html">single property</a></li> <li><a href="listing2.html">search city</a></li> <li><a href="listing5.html">search category</a></li> <li><a href="listing3.html">search type</a></li> </ul> </div> </div> <div class="col-menu col-md-9"> <h5 class="title bottom20">properties list</h5> <div class="row"> <div id="nav_slider" class="owl-carousel"> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider1.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail1.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider2.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail2.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider3.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail3.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider1.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail1.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider2.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail2.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> <div class="item"> <div class="image bottom15"> <img src="{% static 'images/nav-slider3.jpg' %}" alt="featured property"> <span class="nav_tag yellow text-uppercase">for rent</span> </div> <h4><a href="property_detail3.html">park avenue apartment</a></h4> <p>towson london, mr 21501</p> </div> </div> </div> </div> </div> </li> </ul> </li> <li class="dropdown megamenu-fw"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">properties</a> <ul class="dropdown-menu megamenu-content bg" role="menu"> <li> <div class="row"> <div class="col-menu col-md-3"> <h5 class="title">property listings</h5> <div class="content"> <ul class="menu-col"> <li><a href="listing1.html">list style 1</a></li> <li><a href="listing2.html">list style 2</a></li> <li><a href="listing3.html">list style 3</a></li> <li><a href="listing4.html">list style 4</a></li> <li><a href="listing5.html">list style 5</a></li> </ul> </div> </div> <div class="col-menu col-md-3"> <h5 class="title">property listings</h5> <div class="content"> <ul class="menu-col"> <li><a href="listing6.html">list style 5</a></li> <li><a href="listing7.html">list style 6</a></li> <li><a href="listing1.html">search city</a></li> <li><a href="listing2.html">search category</a></li> <li><a href="listing3.html">search type</a></li> </ul> </div> </div> <div class="col-menu col-md-3"> <h5 class="title">property detail</h5> <div class="content"> <ul class="menu-col"> <li><a href="property_detail1.html">property detail 1</a></li> <li><a href="property_detail2.html">property detail 2</a></li> <li><a href="property_detail3.html">property detail 3</a></li> <li><a href="index7.html">single property</a></li> <li><a href="listing4.html">search type</a></li> </ul> </div> </div> <div class="col-menu col-md-3"> <h5 class="title">other pages</h5> <div class="content"> <ul class="menu-col"> <li><a href="favorite_properties.html">favorite properties</a></li> <li><a href="agent_profile.html">agent profile</a></li> <li><a href="404.html">404 error</a></li> <li><a href="contact.html">contact us</a></li> <li><a href="testimonial.html">testimonials</a></li> </ul> </div> </div> </div> </li> </ul> </li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">features </a> <ul class="dropdown-menu"> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">news</a> <ul class="dropdown-menu"> <li><a href="news.html">news style1</a></li> <li><a href="news2.html">news style2<span>new</span></a></li> <li><a href="news3.html">news style3<span>new</span></a></li> </ul> </li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">property agents</a> <ul class="dropdown-menu"> <li><a href="agent1.html">agent style1</a></li> <li><a href="agent2.html">agent style2</a></li> <li><a href="agent3.html">agent style3<span>new</span></a></li> <li><a href="agent4.htm4">agent style4<span>new</span></a></li> <li><a href="agent5.htm5">agent style5<span>new</span></a></li> </ul> </li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">agetn profile styles</a> <ul class="dropdown-menu"> <li><a href="agent_profile.html">agent profile 1</a></li> <li><a href="agent_profile2.html">agent profile 2</a></li> </ul> </li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">testimonials</a> <ul class="dropdown-menu"> <li><a href="testimonial.html">style 1</a></li> <li><a href="testimonial2.html">style 2<span>new</span></a></li> </ul> </li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">faq's</a> <ul class="dropdown-menu"> <li><a href="faq.html">style 1</a></li> <li><a href="faq2.html">style 2<span>new</span></a></li> </ul> </li> <li><a href="favorite_properties.html">favorite properties</a></li> <li class="dropdown"> <a href="#." class="dropdown-toggle" data-toggle="dropdown">404 error</a> <ul class="dropdown-menu"> <li><a href="404.html">404 error 1</a></li> <li><a href="404-2.html">404 error 2<span>new</span></a></li> </ul> </li> </ul> </li> <li><a href="contact.html">contact us</a></li> <li><a href="#.">buy now</a></li> </ul> </div> </div> </div> </div> </nav> </header>
Comments
Post a Comment