html - White spacing between <div> containers -

-

i have 2 containers on top of each other, , there no white space between them. when use < br > tag, white space appear. can solve container? css code below needed layout "abbreviations" page: http://www.16thinfantry.com/help/army-abbreviations/.

there has white spacing between every container abbreviations. first a, b, c, etc.

.toc-layout > dl {          padding: 0;          overflow-x: hidden;          list-style: none;  }    .toc-layout > dl > dt {          position: relative;  }    .toc-layout > dl > dt:before {          position: absolute;          bottom: 0;          font-weight: normal;          overflow: visible;          z-index: -1;          white-space: nowrap;          content: ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."  }    .toc-layout > dl > dd {          margin: 0 0 0.5em 0;          padding: 0;  }    .toc-layout > dl > dt > .title {          font-weight: normal;          padding-right: .33em;          padding-left: .1em;          background: white;          margin-right: 6em;  }    .toc-layout > dl > dt > .page {          position: absolute;          right: 0;          bottom: 0;          padding-left: 0.33em;          background: white  }    .toc-layout h4 {          font-size: larger;          font-weight: bold;          text-align: center;  }
<div class="toc-layout">      <dl>          <dt>              <span class="title">baggage</span>               <span class="page">bag</span>          </dt>        </dl>  </div>    <div class="toc-layout">      <dl>          <dt>              <span class="title">baggage</span>               <span class="page">bag</span>          </dt>        </dl>  </div>

what asking called margins in css. add space between divs. can see here:

.toc-layout {          margin-bottom: 100px;  }    .toc-layout > dl {          padding: 0;          overflow-x: hidden;          list-style: none;  }    .toc-layout > dl > dt {          position: relative;  }    .toc-layout > dl > dt:before {          position: absolute;          bottom: 0;          font-weight: normal;          overflow: visible;          z-index: -1;          white-space: nowrap;          content: ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."                   ".................."  }    .toc-layout > dl > dd {          margin: 0 0 0.5em 0;          padding: 0;  }    .toc-layout > dl > dt > .title {          font-weight: normal;          padding-right: .33em;          padding-left: .1em;          background: white;          margin-right: 6em;  }    .toc-layout > dl > dt > .page {          position: absolute;          right: 0;          bottom: 0;          padding-left: 0.33em;          background: white  }    .toc-layout h4 {          font-size: larger;          font-weight: bold;          text-align: center;  }
<div class="toc-layout">      <dl>          <dt>              <span class="title">baggage</span>               <span class="page">bag</span>          </dt>        </dl>  </div>    <div class="toc-layout">      <dl>          <dt>              <span class="title">baggage</span>               <span class="page">bag</span>          </dt>        </dl>  </div>


Comments

Post a Comment

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md
Read more

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

-
i have aspxgridview includes new , delete button. delete button includs gv_rowdeleting event. want show aspxpopupcontrol (id="pupconfirm"). want user have confirm password delete item. tried: protected void gv_rowdeleting(object sender, devexpress.web.data.aspxdatadeletingeventargs e) { pupconfirm.showonpageload = true; } but nothing happened. please me. !!! you can create template column javascript prompt confirmation. <itemtemplate> <asp:linkbutton id="btndelete" runat="server" text="delete" commandname="delete" onclientclick="javascript:if(!confirm('are sure want delete record?')){return false;}"> </asp:linkbutton> </itemtemplate>
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s
Read more