javascript - How to bring two arrows together towards the number? -


i have system people can up/down vote. have 2 arrows, , between arrows there's number. stack overflow , reddit. problem arrows far apart number. tried padding/height/ every thing think of none of them works. in table, if mess whole table size gets messed up. here's full code. 

<table class="table">     {% if posts %}       {% post in posts %}         <tr id="cell">           <td class="vert-align">           <div>             <a href="/post/{{ post.slug }}/vote?is_up=1" class="vote">   <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span></a>             <br />  <span class="number" style="height:1px; font-family: 'passion one', cursive; "><h4 id="vote_count_{{ post.slug }}">{{ post.get_vote_count }}</h4></span>     <br>  <a href="/post/{{ post.slug }}/vote?is_up=0"  class="vote"> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></a>         </div>           </td>

i have more cells below.

this css. 

.table #cell .vert-align .glyphicon{   font-size: 1em;   display:inline-block;   padding: 0em; } h4{   font-size: 15px; }

also if can tell me what's wrong js file appreciated. i'm trying make when user clicks arrow arrow change color , stay changed untill click arrow or other arrow. sorry if doesn't make sense i'm trying make (like stack-overflow , reddit) right now, when click arrow changes color click else, empty space on web color gets changed. 

function vote(node) {     var thread_id = node.attr("href").split('\/')[2];     $.ajax({         url: node.attr("href"),         datatype: "json",         success: function(data) {             $("#vote_count_"+thread_id).html(data.count);         },         error: function(data) {             alert(data.responsejson.error_message);         }     }); }  $("a.vote").on("click", function() {     vote($(this));     return false; });

use relative positioning in style sheet position arrows

position: relative; left: -5px;

Comments

Post a Comment

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

Image
i have script tag in code, keyboard shortcut comment/uncomment script tag in sublime. after selecting script open , close tag. <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script> i pressing ctrl + shift + / , getting this /*<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script>*/ also pressed ctrl + / , got this // <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> // </script> instead of <!-- <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> </script> --> script open , close tag in 2 lines not in 1 line , not have spaces too. for mac,high light lines want comment. hold 'command , / ' commented. for windows: high line or select lines ,then hold ctrl + / if not work: ...
Read more

post - imageshack API cURL -

i credentials correct. when send image through form this:(action="http://api.imageshack.com/v2/images/"). working fine when tried send $ch = curl_init($url); failed. code: enter code here <form action="" method="post" enctype="multipart/form-data"> select image upload: <input type="file" name="file" id="file" multiple> <input type="text" name="auth_token" id="auth_token" value="xxxxxxxxxxxxxxxx"> <input type="text" name="api_key" id="api_key" value="xxxxxxxxxxxxxxx"> <input type="submit" value="upload image" > </form> $url = ' http://api.imageshack.com/v2/images/ '; $temp = $_files["file"]['tmp_name']; echo $temp."<br>" ; $ch = curl_init($url); curl_setopt($ch, curlopt_post, true); curl...
Read more

dataset - MPAndroidchart returning no chart Data available -

i having problems mpandroidchart. adding temperature , humidity data chart, displays "no chart data available". here can see bug is? super grateful! //create data //set size of data int size = list.size(); if (size > 24){ size = 24;} //create lists form temp , hum arraylist<entry> temps = new arraylist<entry>(); arraylist<entry> hums = new arraylist<entry>(); //fill list temp values (int = 0; < size; i++){ entry value = new entry(math.round(list.get(list.size()-size + i).temp), (size-i)); temps.add(value); } //fill list hum values (int = 0; < size; i++){ entry value = new entry(math.round(list.get(list.size()-size + i).hum), (size-i)); hums.add(value); } ...
Read more