Lining up columns with HTML/CSS that have buttons -
here current html/css/javascript: http://jsfiddle.net/3ebvd/.
specifically, css i'm focusing on (although guess problem elsewhere):
#linkbuttons { display: table-cell; padding-left:20px; padding-top:0px; padding-bottom:10px; padding-right:20px; vertical-align: middle; width: 50px; outline:2px solid black; } #deftext { margin-right: 40px; display: table-cell; padding-right:10px; padding-left:0px; padding-top:30px; padding-bottom:30px; width: 45%; vertical-align: middle; border: 2px solid black; } #votebuttons { display: table-cell; padding:20px; padding-right:20px; width: 80px; vertical-align: middle; border: 2px solid black; }
there 2 boxes, first of perfect , need. second 1 (the 1 buttons) not lining correctly , can't figure out why.
yes have tried float property far screws more...unless i'm doing totally wrong.
thanks much!
is way want . have fixed html tags
<div id=votebuttons> <button id=upvote onclick="modify_qty(1)">↑</button> <p> <input id="qty" value="0" readonly>% <button id=comment>com</button> </p> <button id=downvote onclick="modify_qty(0)">↓</button> </div> <div id="one"></div>
this outside second-outline div http://jsfiddle.net/3ebvd/3/
Comments
Post a Comment