Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 2 posts ] 
Author Message
 Post subject: help with some css coding
PostPosted: March 7th, 2005, 4:22 pm 
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!


Top
  
 
 Post subject: Register and login to get these in-post ads to disappear
PostPosted: March 7th, 2005, 4:22 pm 

Joined: September 9th, 2004, 1:47am
Posts: 9047
Location: In your web browserz


Top
  
 
 Post subject:
PostPosted: May 13th, 2005, 10:34 am 
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.


Top
  
 
Display posts from previous:  Sort by  

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Jump to: