Need help moving HTML+CSS Tabs below the respective content pane -
i use radiobuttons create simple tab-bar webpage, using html , css.
this current code: http://jsfiddle.net/nypd81x9/1/
<ul class="tabs"> <li> <input type="radio" name="tabs" id="tab1" checked /> <label for="tab1">description</label> <div id="tab-content1" class="tab-content"> <p>content 1</p> </div> </li> <li> <input type="radio" name="tabs" id="tab2" /> <label for="tab2">specification</label> <div id="tab-content2" class="tab-content"> <p>content 2</p> </div> </li>
how move tabs below content, this: http://i.imgur.com/fzvb9td.png
thank in forward
yes, change css top: 53px;
to bottom:0;
css
.tabs .tab-content { z-index: 2; display: none; overflow: hidden; width: 100%; font-size: 17px; line-height: 25px; padding: 25px; position: absolute; bottom: 0px; // here change left: 0; background: #e6e6e6; }
Comments
Post a Comment