2013-03-05 3 views
1

nav 배너와 그 아래의 기본 배너 이미지 사이에 추가 공간을 제거하려면 어떻게해야합니까?이미지와 div 사이의 추가 공백 제거

패딩과 여백을 제거했지만 아무것도 작동하지 않습니다.

내 코드는 다음과 같습니다.

위치를 설정하고 싶지 않습니다. 아무도 내게 문제가 무엇인지 말할 수 있습니까?

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </a> 
      <a class="brand" href="#" style="padding-top: 0px;"> 
      <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png"> 
      </a> 
      <div class="nav-collapse collapse" style="height: 0px;"> 
      <ul class="nav"> 
       <li class="active"><a href="http://v2.defie.co/product.html">Product</a></li> 
       <li><a href="http://v2.defie.co/solution.html">Solutions</a></li> 
       <li><a href="/docs/examples/service.html">Services</a></li> 
       <li class="iphonePartnerLink"><a href="/docs/examples/partner.html">Partners</a></li> 
       <li class="iphoneContactLink"><a href="/docs/examples/contact.html">Contact</a></li> 
      </ul> 

      <ul class="nav" id="navSecond"> 
       <li class=""><a href="/docs/examples/partners.html">Partners</a></li> 
       <li><a href="/docs/examples/contact.html">Contact</a></li> 
      </ul> 
      <form class="navbar-form pull-right"> 
       <input class="span2" type="text" placeholder="Email"> 
       <input class="span2" type="password" placeholder="Password"> 
       <button type="submit" class="btn">Sign in</button> 
      </form> 
      </div><!--/.nav-collapse --> 
     </div> 
     </div> 
    </div> 


<div class="container"> 
     <header class="hero-unit-product"> 
     <h1> 
      Defie Cloud Business Solutions 
      <small>.. changing the way businesses operate.</small> 
     </h1> 
     <p><a class="btn btn-green btn-large" href="/signup/" data-link="modal" data-target="#signup-modal">Register</a></p> 
     </header> 
     </div> 
+1

.home article.container { margin-top: 0; } 
- 바이올린이 최신인가? – prodigitalson

+0

당신은 제거에 의해 이것을 해결하려고 노력해야합니다 .. 크롬 관리자에서 .. 이미지 배너 앞에있는 노드를 삭제 해보십시오 .. 만약 당신이 그것들 모두를 삭제했고 여전히 간격이 있다면 .. 당신의 페이지를 쓰레기로 만드는 javas 스크립트 중 하나가 책임 있음 – abbood

답변

2

주요 문제는 <article class="container"> 엘리먼트에 접속된다 - 이것은 margin-top: 30px;있다.

또한 .home 선택기의 경우 padding-top을 변경해야합니다. 현재는 55px으로 설정되어 있지만 대신 47px이어야합니다. 에

.home article.container { 
    margin-top: 30px; 
} 

변경이 :

+0

제 업데이트를 참조하십시오. – MarcinJuraszek

2

공간에서오고있다

난 여전히 당신의 바이올린 여러 패딩과 마진을 볼