html - clear both and divs -

-

this css

#site-content{     margin:25px 0 0 260px; } .site-content{     width:740px;     margin:auto; } #site-menu{     float:left;     width: 260px;     padding: 20px 0;     overflow:hidden; }

html

<div id="site-menu">         <ul>             <li class="menu"><a id="menu-glxavor" class="menu" href="/"></a></li>             <li class="menu"><a id="menu-mermasin" class="menu" href="/arm/about-us"></a></li>             <li class="menu"><a id="menu-usucich" class="menu" href="/arm/for-teachers"></a>             <ul id="menu-usucich-sub">                 <li class="sub-menu"><a class="a-sub-menu usucich" href="/arm/for-teachers/teacher-schedule">Դասացուցակ</a></li>                 <li class="sub-menu"><a class="a-sub-menu usucich" href="/arm/for-teachers/homeroom-teachers">Դասղեկներ</a></li>                 <li class="sub-menu"><a class="a-sub-menu usucich" href="/arm/for-teachers/exemplary-lessons">Օրինակելի դասեր</a></li>                 <li class="sub-menu"><a class="a-sub-menu usucich" href="/arm/for-teachers/teacher-training">Վերապատրաստում</a></li>             </ul>             </li>             <li class="menu"><a id="menu-ashakert" class="menu" href="/arm/for-pupils"></a></li>             <li class="menu"><a id="menu-shrjanavartner" class="menu" href="/arm/graduates"></a></li>                    <li class="menu"><a id="menu-norutyunner" class="menu" href="/arm/news"></a></li>             <li class="menu"><a id="menu-mankapartez" class="menu" href="/arm/kindergarten"></a></li>             <li class="menu"><a id="menu-nyuter" class="menu" href="/arm/materials"></a></li>             <li class="menu"><a id="menu-bajanortagrvel" class="menu" href=""></a></li>             <div id="subscribe">                     <input type="text" id="subscribe-name" placeholder="email" name="subscribe-name" />                     <button class="large awesome blue" id="sub-button" type="submit">բաժանորդագրվել</button>                     <div id="sub-notification"></div>                 </div>         </ul>         </div>         <div id="site-content">         <div class="site-content">             <div class="pages-content-top"></div>             <div class="pages-content-center">             <h2>Համագործակցություն 1</h2><div><span class='img'><img src=/views/admin/uploads/hands.jpg></img></span><span class='text'>lorem ipsum dolor sit amet, consectetur adipiscing elit. phasellus rutrum aliquet erat tempus lacinia. fusce congue enim lacus, adipiscing sollicitudin libero feugiat sed. phasellus suscipit, lorem ac bibendum pharetra, sem neque commodo nulla, in dignissim dolor leo eu nulla. maecenas eu faucibus turpis. maecenas in nulla @ nisl varius commodo. in facilisis enim mattis eros bibendum pulvinar. phasellus congue odio quis diam viverra, eu aliquam dui consequat. etiam massa arcu, condimentum vel rutrum a, ultrices quis felis.</span><span class='read-more'><a href='/arm/read?category=about-us&id=37'>Ավելին...</a></span></div><div style='clear:both'></div>                   <h2>Համագործակցություն 2</h2><div><span class='img'><img src=/views/admin/uploads/hands.jpg></img></span><span class='text'>lorem ipsum dolor sit amet, consectetur adipiscing elit. phasellus rutrum aliquet erat tempus lacinia. fusce congue enim lacus, adipiscing sollicitudin libero feugiat sed. phasellus suscipit, lorem ac bibendum pharetra, sem neque commodo nulla, in dignissim dolor leo eu nulla. maecenas eu faucibus turpis. maecenas in nulla @ nisl varius commodo. in facilisis enim mattis eros bibendum pulvinar. phasellus congue odio quis diam viverra, eu aliquam dui consequat. etiam massa arcu, condimentum vel rutrum a, ultrices quis felis.</span><span class='read-more'><a href='/arm/read?category=about-us&id=38'>Ավելին...</a></span></div><div style='clear:both'></div>                   <h2>Համագործակցություն 3</h2><div><span class='img'><img src=/views/admin/uploads/hands.jpg></img></span><span class='text'>lorem ipsum dolor sit amet, consectetur adipiscing elit. phasellus rutrum aliquet erat tempus lacinia. fusce congue enim lacus, adipiscing sollicitudin libero feugiat sed. phasellus suscipit, lorem ac bibendum pharetra, sem neque commodo nulla, in dignissim dolor leo eu nulla. maecenas eu faucibus turpis. maecenas in nulla @ nisl varius commodo. in facilisis enim mattis eros bibendum pulvinar. phasellus congue odio quis diam viverra, eu aliquam dui consequat. etiam massa arcu, condimentum vel rutrum a, ultrices quis felis.</span><span class='read-more'><a href='/arm/read?category=about-us&id=39'>Ավելին...</a></span></div><div style='clear:both'></div>             </div>             <div class="pages-content-fot"></div>         </div>         </div>

site-content got width except menu (that why #site-content{margin:0 0 260px 0}). #site-content contains div .site-content got fixed width (740px). centered in #site-content (that why .site-content{width:740px;margin:auto;}). .site-content contains articles, should have spaces right after next articles. why used clear both, getting next articles after menu, clears floats (the menu float). solution please!

http://jsfiddle.net/isherwood/wp66n/1/

i'd take out clearing divs , happy:

http://jsfiddle.net/isherwood/wp66n/2/

<div class="pages-content-center">     <h2>Համագործակցություն 1</h2>      <div><span class='img'>

...


Comments

Post a Comment

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

-
this related previous question asked: hide / show multiple divs i have code in place previous question , seems work ok apart when change value in dropdown "after" ticket selection made. i have number of javascrpts in place wondering if there clash somewhere? first bit of code in head of document. <head> <script type="text/javascript"> $(function() { $('.cat_dropdown').change(function() { $('#paymethod').toggle($(this).val() >= 2); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $(".paymentmethod").click(function () { $(".paymentinfo").hide(); switch ($(this).val()) { case "credit card authorisation": $("#pay0").show("slow"); break;
Read more

Does Firefox offer AppleScript support to get URL of windows? -

-
i trying write applescript that, among other things, gets url of every open webpage in firefox. in safari (and chrome), done simply: tell application "safari" return url of every tab in every window however, seems me firefox offers no real applescript support, such getting url of tab or window. when google terms "firefox" , "applescript" together, firefox bug requests asking applescript support restored, last updated in 2010 or 2011 (like this , this ). am right in thinking, then, firefox no longer offers proper applescript support? realize there semi-workarounds, such simulating key-commands in applescript, aren't practical purposes. to see of applescript commands firefox responds to, launch applescript editor, select menu file > open dictionary... , , choose firefox application. you'll find you're expecting: firefox doesn't offer useful applescript commands.
Read more

android - How to install packaged app on Firefox for mobile? -

-
how test-install packaged (zip) app on fennec? device: physical android phone or android emulator, don't care. install mozilla-apk-cli using npm: npm install -g mozilla-apk-cli use generate "debuggable" apk app either source directory or url mini-manifest: mozilla-apk-cli /path/to/source/dir/ arbitrary-name.apk mozilla-apk-cli http://example.com/path/to/mini/manifest.webapp arbitrary-name.apk (context-click > inspect element on "free" button in marketplace discover mini-manifest url app in marketplace.) install apk on android device: adb install -r arbitrary-name.apk launch app on device. notification area notification port remote debugger server listening on. forward port on desktop, f.e. if port 12345: adb forward tcp:12345 tcp:12345 go web developer > connect… in firefox on desktop , connect localhost @ forwarded port. commence debugging! notes: use nightly builds of fennec best experience. bug 929382 tracks
Read more