Runescape Bits & Bytes
https://www.rsbandb.com/forums/

help with some css coding
https://www.rsbandb.com/forums/viewtopic.php?f=38&t=4570		 Page 1 of 1
Author:  solinent [ March 7th, 2005, 4:22 pm ]
Post subject:  help with some css coding
just wanted to know, I am creating a rs fansite and was wondering if there is a way to change the border of the tag:
Code:
<input type="text">


The normal border is white, I wanted it to become black.

I see that on the runebandb calculators, they have done this, but they have made the border hidden(black), and that is what i want.

Just wondering, and this is the calculator for Woodcutting im creating(the code):
Code:
<html>
<head>
<style>
#input_box { background-color:#000000; color: white}
#input_box2 { background-color:#000000; color: #EE0000 bordercolor: "black" }
</style>

<script language="javascript">
<!---hide me
function getexp_needed()
{
var exp_needed = window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value
exp_needed = exp_needed
window.document.form.exp_needed.value = exp_needed
window.document.simple_form2.common_tree.value = parseInt((window.document.simple_form3.get_exp.value

-  window.document.simple_form.total_exp.value)/25 + 1)
//
window.document.simple_form2.oak_tree.value = parseInt((window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value)/37.5 + 1)
//
window.document.simple_form2.willow_tree.value = parseInt((window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value)/67.5 + 1)
//
window.document.simple_form2.maple_tree.value = parseInt((window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value)/100 +1)
//
window.document.simple_form2.yew_tree.value = parseInt((window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value)/175 + 1)
//
window.document.simple_form2.magic_tree.value = parseInt((window.document.simple_form3.get_exp.value -

window.document.simple_form.total_exp.value)/250 + 1)
}
//-->
</script>
</head>
<body bgcolor="black" text="white">
<!--formhere-->
<table align="center" border="1">
<tr style="background-image: url(http://www.runescapeapocalypse.com/pictures/navstrip2.bmp)">
<th>What you need to do</th>
<th>What level you want</th>
<tr>
<td>
<form name="simple_form">
<P><B>Your total exp:</B>
<input type="text" size="13" name="total_exp" value="0"  onChange="getexp_needed()" id="input_box2"></P>
</form>
<form name="form">

<P><B>You need this much experience: </B>
<input type="text" size="13" name="exp_needed" readOnly="yes" value="0" id="input_box"></P>
</form>
<table border="1" align="center">
<tr style="background-image: url(http://www.runescapeapocalypse.com/pictures/navstrip2.bmp)">
<th>Number</th>
<th>Name</th>
<th>Lvl.</th>
<th>Exp.</th>
</tr>
<tr>
<td>
<form name="simple_form2">
<input type="text" readOnly name="common_tree" size="6" id="input_box2">
</td>
<td>Common tree</td>
<td>1</td>
<td>25</td>
</tr>
<tr>
<td>
<form name="simple_form2">
<input type="text" readOnly name="oak_tree" size="6" id="input_box2"></td>
<td>Oak tree</td>
<td>15</td>
<td>37.5</td>
</tr>
<tr>
<td><form name="simple_form2">
<input type="text" readOnly name="willow_tree" size="6" id="input_box2"></td>
<td>Willow tree</td>
<td>30</td>
<td>67.5</td>
</tr>
<tr>
<td><form name="simple_form2">
<input type="text" readOnly name="maple_tree" size="6" id="input_box2"></td>
<td>Maple Tree</td>
<td>45</td>
<td>100</td>
</tr>
<tr>
<td><form name="simple_form2">
<input type="text" readOnly name="yew_tree" size="6" id="input_box2"></td>
<td>Yew Tree</td>
<td>60</td>
<td>175</td>
</tr>
<tr>
<td><form name="simple_form2">
<input type="text" readOnly name="magic_tree" size="6" id="input_box2"></td>
<td>Magic tree</td>
<td>75</td>
<td>250</td>
</tr>
</table>
</form>
</td>



<td>
<form name="simple_form3">
<select size="25" name="get_exp"  onChange="getexp_needed()" value="0" id="input_box2">
<option value="0">Level 1 </option>
<option value="83">Level 2 </option>
<option value="174">Level 3</option>
<option value="276">Level 4</option>
<option value="388">Level 5</option>
<option value="512">Level 6</option>
<option value="650">Level 7</option>
<option value="801">Level 8</option>
<option value="969">Level 9</option>
<option value="1154">Level 10</option>
<option value="1358">Level 11</option>
<option value="1584">Level 12</option>
<option value="1833">Level 13</option>
<option value="2107">Level 14</option>
<option value="2411">Level 15</option>
<option value="2746">Level 16</option>
<option value="3115">Level 17</option>
<option value="3523">Level 18</option>
<option value="3973">Level 19</option>
<option value="4470">Level 20</option>
<option value="5081">Level 21</option>
<option value="5624">Level 22</option>
<option value="6291">Level 23</option>
<option value="7028">Level 24</option>
<option value="7842">Level 25</option>
<option value="8740">Level 26</option>
<option value="9730">Level 27</option>
<option value="10824">Level 28</option>
<option value="12031">Level 29</option>
<option value="13363">Level 30</option>
<option value="14833">Level 31</option>
<option value="16456">Level 32</option>
<option value="18247">Level 33</option>
<option value="20224">Level 34</option>
<option value="22406">Level 35</option>
<option value="24815">Level 36</option>
<option value="27473">Level 37</option>
<option value="30408">Level 38</option>
<option value="33648">Level 39</option>
<option value="37224">Level 40</option>
<option value="41171">Level 41</option>
<option value="45529">Level 42</option>
<option value="50339">Level 43</option>
<option value="55649">Level 44</option>
<option value="61512">Level 45</option>
<option value="67983">Level 46</option>
<option value="75127">Level 47</option>
<option value="83014">Level 48</option>
<option value="91721">Level 49</option>
<option value="101333">Level 50</option>
<option value="111945">Level 51</option>
<option value="123660">Level 52</option>
<option value="136594">Level 53</option>
<option value="150872">Level 54</option>
<option value="166636">Level 55</option>
<option value="184040">Level 56</option>
<option value="203254">Level 57</option>
<option value="224466">Level 58</option>
<option value="247886">Level 59</option>
<option value="273742">Level 60</option>
<option value="302288">Level 61</option>
<option value="333804">Level 62</option>
<option value="368599">Level 63</option>
<option value="407015">Level 64</option>
<option value="449428">Level 65</option>
<option value="496254">Level 66</option>
<option value="547953">Level 67</option>
<option value="605032">Level 68</option>
<option value="668051">Level 69</option>
<option value="737627">Level 70</option>
<option value="814445">Level 71</option>
<option value="899257">Level 72</option>
<option value="992895">Level 73</option>
<option value="1096278">Level 74</option>
<option value="1210421">Level 75</option>
<option value="1336443">Level 76</option>
<option value="1475581">Level 77</option>
<option value="1629200">Level 78</option>
<option value="1798808">Level 79</option>
<option value="1986068">Level 80</option>
<option value="2192818">Level 81</option>
<option value="2421087">Level 82</option>
<option value="2673114">Level 83</option>
<option value="2951373">Level 84</option>
<option value="3258594">Level 85</option>
<option value="3597792">Level 86</option>
<option value="3972294">Level 87</option>
<option value="4385776">Level 88</option>
<option value="4842295">Level 89</option>
<option value="5346332">Level 90</option>
<option value="5902831">Level 91</option>
<option value="6517253">Level 92</option>
<option value="7195629">Level 93</option>
<option value="7944614">Level 94</option>
<option value="8771558">Level 95</option>
<option value="9684577">Level 96</option>
<option value="10692629">Level 97</option>
<option value="11805606">Level 98</option>
<option value="13034431">Level 99</option>
</select>


</td>
</tr>
</body>
</html>



NOTE!: THIS CODE IS COPYRIGHT TO ME! YOU CANNOT REPRODUCE IT ON YOUR SITE!
Author:  Adbot [ March 7th, 2005, 4:22 pm ]
Post subject:  Register and login to get these in-post ads to disappear
Author:  dgeph [ May 13th, 2005, 10:34 am ]
Post subject: 
I hope by now that you've figure out what to do, but in case you haven't, here's something to try:
Code:
input { border-color:black }


For inspiration, look at the input segment of rsbandb's calculator CSS file at http://www.rsbandb.com/calc/src/calccss.css.
Page 1 of 1 All times are UTC - 7 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/