PDA

Click to See Complete Forum and Search --> : absolute positioning

fatbottoms
06-20-2005, 06:42 PM
what is the best way to position an image, text, link, etc.? i've gone absolute positioning crazy to place everything on my site, and am finding that whenever i make additions or changes to my page, things have shifted out of place the next day, so that i have to readjust and recode everything. i'm assuming this has to do with absolute positioning. how should i place the theme titles next to the numbered links with out absolute positioning? i know this is probably a horrible layout, can someone help me out please? also, if anyone has a code for a css calendar with links, it would be great.
here's my code for my comic archives page and the link.
http://fatbottoms.atspace.com/fatbottomsarchives.html

<html>
<head>
<title>strips</title>
<style type="text/css">
body { background-color: black }

h1 {
font-size:16px;
color: green; font-weight: bold;
background-color: ffcc00; text-decoration:none;
border: 3px outset green;
font-family: helvetica; padding-top: 2px; padding-bottom: 2px;
padding-left: 12px; padding-right: 12px;
letter-spacing: 3px;
position:absolute; top:13px; left:365px;
}


p.margin {margin-left: 117px; width: 720px;
color: #ffcc66; font-weight: light;
font-size: 11px;
text-decoration:none;
font-family: verdana; font-style: italic; padding: 3px;
position:absolute; top:65px; left:11px;}

p.forbiddenfruit { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:152px; left:192px;}

p.freefalling { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:190px; left:213px;}

p.bravenewworld { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:209px; left:182px;}

p.poneyisland { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:228px; left:204px;}


p.matinggame { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:248px; left:200px;}

p.fatbottoms { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:267px; left:204px;}

p.unsinkablemollybrown { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:286px; left:142px}

p.headshrinker { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:305px; left:197px;}

p.meow { color: #ffcc66; font-weight: bold;
font-size: 10px;
text-decoration:none;
font-family: verdana;
position:absolute; top:324px; left:241px;}




a:link { color: #00cc00; text-decoration: none;
font-size:12px; font-family:verdana
}
a:visited { color: green; text-decoration: none;
}
a:hover { color: #00FF00; text-decoration: underline;
font-size:12px;
}
</style>

<body>

<h1>FatBottom's Archives</h1>
<p class="margin">This is a themed strip. My first theme is at the bottom of the page and my latest are
up at the top. To read how Leo befriends Oggie and Pokey, begin with the theme "brave new world."
I usually post a weeks worth of strip, once a week, and the strip on the home page should change daily.
Check out my other strip "bluesrock" and let me know what you think. Both these cartoons are accessible through
the same site.</p>

<p class="forbiddenfruit">"forbidden fruit" -</p>
<p class="freefalling">"free falling" -</p>
<p class="bravenewworld">"brave new world" -</p>
<p class="poneyisland">"poney island" -</p>
<p class="matinggame">"mating game" -</p>
<p class="fatbottoms">"fat bottom's" -</p>
<p class="unsinkablemollybrown">"unsinkable molly brown" -</p>
<p class="headshrinker">"head shrinker" -</p>
<p class="meow">"meow" -</p>

<DIV style="position:relative; top:115px; left:290px; ">


<a href="fb092.html">92</a>
<a href="fb093.html">93</a>
<a href="fb094.html">94</a>
<a href="fb095.html">95</a>
<a href="fb096.html">96</a>
<a href="fb097.html">97</a>
<a href="fb098.html">98</a>
<a href="fb099.html">99</a>
<a href="fb100.html">100</a>
<a href="fb101.html">101</a>
<a href="fb102.html">102</a>
<a href="fb103.html">103</a>
<a href="fb104.html">104</a>
<a href="fb105.html">105</a>
<a href="fb106.html">106</a>
<a href="fb107.html">107</a>
<a href="fb108.html">108</a>
<a href="fb109.html">109</a>
<a href="fb110.html">110</a>
<a href="fb111.html">111</a>
<a href="fb112.html">112</a>
<a href="fb113.html">113</a>
<BR>
<a href="fb114.html">114</a>
<a href="fb115.html">115</a>
<a href="fb116.html">116</a>
<a href="fb117.html">117</a>
<a href="fb118.html">118</a>
<a href="fb119.html">119</a>
<a href="fb120.html">120</a>
<a href="fb121.html">121</a>
<a href="fb122.html">122</a>
<a href="fb123.html">123</a>
<a href="fb124.html">124</a>
<a href="fb125.html">125</a>
<a href="fb126.html">126</a>
<a href="fb127.html">127</a>
<a href="fb128.html">128</a>
<a href="fb129.html">129</a>
<a href="fb130.html">130</a>
<a href="fb131.html">131</a>
<a href="fb132.html">132</a>
<a href="fb133.html">133</a>
<a href="fb134.html">134</a>

<BR>
<A HREF="fb081.html">81</A>
<A HREF="fb082.html">82</A>
<A HREF="fb083.html">83</A>
<A HREF="fb084.html">84</A>
<A HREF="fb085.html">85</A>
<A HREF="fb086.html">86</A>
<A HREF="fb087.html">87</A>
<A HREF="fb088.html">88</A>
<A HREF="fb089.html">89</A>
<A HREF="fb090.html">90</A>
<A HREF="fb091.html">91</A>
<BR>
<A HREF="fb070.html">70</A>
<A HREF="fb071.html">71</A>
<A HREF="fb072.html">72</A>
<A HREF="fb073.html">73</A>
<A HREF="fb074.html">74</A>
<A HREF="fb075.html">75</A>
<A HREF="fb076.html">76</A>
<A HREF="fb077.html">77</A>
<A HREF="fb078.html">78</A>
<A HREF="fb079.html">79</A>
<A HREF="fb080.html">80</A>
<BR>
<A HREF="fb059.html">59</A>
<A HREF="fb060.html">60</A>
<A HREF="fb061.html">61</A>
<A HREF="fb062.html">62</A>
<A HREF="fb063.html">63</A>
<A HREF="fb064.html">64</A>
<A HREF="fb065.html">65</A>
<A HREF="fb066.html">66</A>
<A HREF="fb067.html">67</A>
<A HREF="fb068.html">68</A>
<A HREF="fb069.html">69</A>
<BR>
<A HREF="fb040.html">40</A>
<A HREF="fb041.html">41</A>
<A HREF="fb042.html">42</A>
<A HREF="fb043.html">43</A>
<A HREF="fb044.html">44</A>
<A HREF="fb045.html">45</A>
<A HREF="fb046.html">46</A>
<A HREF="fb047.html">47</A>
<A HREF="fb048.html">48</A>
<A HREF="fb049.html">49</A>
<A HREF="fb050.html">50</A>
<A HREF="fb051.html">51</A>
<A HREF="fb052.html">52</A>
<A HREF="fb053.html">53</A>
<A HREF="fb054.html">54</A>
<A HREF="fb055.html">55</A>
<A HREF="fb056.html">56</A>
<A HREF="fb057.html">57</A>
<A HREF="fb058.html">58</A>
<BR>
<A HREF="fb033.html">33</A>
<A HREF="fb034.html">34</A>
<A HREF="fb035.html">35</A>
<A HREF="fb036.html">36</A>
<A HREF="fb037.html">37</A>
<A HREF="fb038.html">38</A>
<A HREF="fb039.html">39</A>
<BR>
<A HREF="fb020.html">20</A>
<A HREF="fb021.html">21</A>
<A HREF="fb022.html">22</A>
<A HREF="fb023.html">23</A>
<A HREF="fb024.html">24</A>
<A HREF="fb025.html">25</A>
<A HREF="fb026.html">26</A>
<A HREF="fb027.html">27</A>
<A HREF="fb028.html">28</A>
<A HREF="fb029.html">29</A>
<A HREF="fb030.html">30</A>
<A HREF="fb031.html">31</A>
<A HREF="fb032.html">32</A>
<BR>
<A HREF="fb011.html">11</A>
<A HREF="fb012.html">12</A>
<A HREF="fb013.html">13</A>
<A HREF="fb014.html">14</A>
<A HREF="fb015.html">15</A>
<A HREF="fb016.html">16</A>
<A HREF="fb017.html">17</A>
<A HREF="fb018.html">18</A>
<A HREF="fb019.html">19</A>
<BR>
<A HREF="fb001.html">1</A>
<A HREF="fb002.html">2</A>
<A HREF="fb003.html">3</A>
<A HREF="fb004.html">4</A>
<A HREF="fb005.html">5</A>
<A HREF="fb006.html">6</A>
<A HREF="fb007.html">7</A>
<A HREF="fb008.html">8</A>
<A HREF="fb009.html">9</A>
<A HREF="fb010.html">10</A>
</div>

<div>
<img style="position:absolute; top:403px; left:139px" src="images/navbar.gif" width="702" height="48" border="0" alt="" usemap="#navbar_Map" />
<map name="navbar_Map">
<area shape="rect" alt="my other comic strip" coords="590,15,672,31" href="http://fatbottoms.atspace.com/brindex.html" />
<area shape="rect" alt="contact" coords="512,15,577,32" href="mailto:fatbottoms@fastmail.us" />
<area shape="rect" alt="merchandise" coords="433,15,498,32" href="http://cafepress.com/bluesrock" />
<area shape="rect" alt="next strip" coords="367,10,397,35" href="http://fatbottoms.atspace.com/fb040.html" />
<area shape="rect" alt="prev. strip" coords="306,10,336,35" href="http://fatbottoms.atspace.com/fbintropg.html" />
<area shape="rect" alt="archives of strips" coords="196,15,261,32" href="http://fatbottoms.atspace.com/fatbottomsarchives.html" />
<area shape="rect" alt="storyline & character desc." coords="112,15,177,32" href="http://fatbottoms.atspace.com/fbintropg.html" />
<area shape="rect" alt="main page" coords="29,15,94,32" href="http://fatbottoms.atspace.com" />
</map>
</div>

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=519122;
var sc_partition=3;
var sc_security="";
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=519122&java=0&security=" alt="hidden hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>
acorbelli
06-20-2005, 07:58 PM
absolute positioning will not change anything if you add another element. It will place the new element over anything that was there before, so if it's shifting around it's not because of the absolute positioning.
fatbottoms
06-20-2005, 11:07 PM
if it's not absolute positioning, any idea what it could be? i've been told by others, i shouldn't use absolute positioning (bugs), and use something else to place my elements, like margins.
ray326
06-20-2005, 11:38 PM
I'd be really tempted to do that as a two column table with the themes as <th> and the links as <td>.

<table>
<th>forbidden fruit</th>
<td>
<a href="fb092.html">92</a>
<a href="fb093.html">93</a>
<a href="fb094.html">94</a>
<a href="fb095.html">95</a>
<a href="fb096.html">96</a>
<a href="fb097.html">97</a>
<a href="fb098.html">98</a>
<a href="fb099.html">99</a>
<a href="fb100.html">100</a>
<a href="fb101.html">101</a>
<a href="fb102.html">102</a>
<a href="fb103.html">103</a>
<a href="fb104.html">104</a>
<a href="fb105.html">105</a>
<a href="fb106.html">106</a>
<a href="fb107.html">107</a>
<a href="fb108.html">108</a>
<a href="fb109.html">109</a>
<a href="fb110.html">110</a>
<a href="fb111.html">111</a>
<a href="fb112.html">112</a>
<a href="fb113.html">113</a>
<BR>
<a href="fb114.html">114</a>
<a href="fb115.html">115</a>
<a href="fb116.html">116</a>
<a href="fb117.html">117</a>
<a href="fb118.html">118</a>
<a href="fb119.html">119</a>
<a href="fb120.html">120</a>
<a href="fb121.html">121</a>
<a href="fb122.html">122</a>
<a href="fb123.html">123</a>
<a href="fb124.html">124</a>
<a href="fb125.html">125</a>
<a href="fb126.html">126</a>
<a href="fb127.html">127</a>
<a href="fb128.html">128</a>
<a href="fb129.html">129</a>
<a href="fb130.html">130</a>
<a href="fb131.html">131</a>
<a href="fb132.html">132</a>
<a href="fb133.html">133</a>
<a href="fb134.html">134</a>
</td>
...
</table>

Another alternative would be a <dl> with themes as <dt> and links in <dd>.
fatbottoms
06-21-2005, 05:26 PM
i made my archive page using <th>and<td> , but i'm having trouble with the vertical spacing between the numbered links and the theme titles. how would i narrow the spacing so it isn't so far apart?
here's the link for the page
http://fatbottoms.atspace.com/zbrindex1.html
also, how would i center my header "bluesrock archives" without using margins? when i tried text-alignment: center, the button stretches out all the way across the page.
here's the code

<html>
<head>
<title>strips</title>
<style type="text/css">
body { background-color:#000066 }


h1 {
font-size:16px;
color:#000099 ; font-weight: bold;
background-color: ffcc00; text-decoration:none;
border: 4px outset #00CCFF;
font-family: helvetica; padding-top: 2px; padding-bottom: 2px;
padding-left: 12px; padding-right: 12px; margin
letter-spacing: 6px; margin-left:360px;margin-right:395px;
text-align:center
}


p.margin {margin-left: 117px; width: 720px;
color: #FFCC33; font-weight: light;
font-size: 11px;
text-decoration:none;
font-family: verdana; padding: 3px;
margin-left:120px; margin-right:120px}

th.dreamsillneversee {padding-left: 143px;}
th.dodgeball {padding-left: 210px;}
th.lovestinks {padding-left: 208px}
th.instantkarma {padding-left: 188px}
th.fatalbertsons {padding-left: 186px}
th.kissingbooth {padding-left: 191px}
th.courtsideseats {padding-left: 180px}
th.reportcard {padding-left: 201px}
th.carwash {padding-left: 215px}
th.rockstar {padding-left: 215px}
th.comeandgetit {padding-left: 171px}
th.kathieleegifford {padding-left: 159px}
th.schoolpranks {padding-left: 178px}
th.californiarolls {padding-left: 172px}
th.creekrun {padding-left: 203px}
th.myhero {padding-left: 210px}
th.mrmojorisin {padding-left: 170px}
th.schooldaze {padding-left: 185px}
th.welcomeneighbor {padding-left: 143px}



a:link { color: #99FFFF; text-decoration: none;
font-size:10px; font-family:verdana
}
a:visited { color: #0066CC; text-decoration: none;
}
a:hover { color: #00FFFF; text-decoration: underline;
font-size:11px;
}
</style>

<body>

<h1>Bluesrock Archives</h1>
<p class="margin">This is a themed strip. My first theme is at the bottom of the page and my latest are up at the top. A good place for you to start might be at the theme, "rock star." I usually post a new strip everyday, unless I'm working on my other comic strip, "fatbottom's." Feedback (good or bad) is always appreciated, so let me know what you think.</p>

<table><tr>
<th class="dreamsillneversee"><font color="FFCC00" face=helvetica size=2>"dreams I'll never see" - </th>
<td>
<a href="154.html">154</a>
<a href="155.html">155</a>
<a href="156.html">156</a>
<a href="157.html">157</a>
<a href="158.html">158</a>
<a href="159.html">159</a>
<a href="160.html">160</a>
<a href="161.html">161</a>

</td></tr>
<tr>
<th class="dodgeball"><font color="FFCC00" face=helvetica size=2>"dodgeball" - </th>
<td>
<A HREF="151.html">151</a>
<A HREF="151.html">152</a>
<A HREF="151.html">153</a>
<A HREF="112.html">
</tr>
</td>
<tr>
<th class="lovestinks"><font color="FFCC00" face=helvetica size=2>"love stinks" - </th>
<td>
<A HREF="132.html">132</a>
<A HREF="133.html">133</a>
<A HREF="134.html">134</a>
<A HREF="135.html">135</a>
<A HREF="136.html">136</a>
<A HREF="137.html">137</a>
<A HREF="138.html">138</a>
<A HREF="139.html">139</a>
<A HREF="140.html">140</a>
<A HREF="141.html">141</a>
<A HREF="142.html">142</a>
<A HREF="143.html">143</a>
<A HREF="144.html">144</a>
<A HREF="145.html">145</a>
<A HREF="146.html">146</a>
<A HREF="147.html">147</a>
<A HREF="148.html">148</a>
<A HREF="149.html">149</a>
<A HREF="150.html">150</a>
<BR>
<A HREF="112.html">112</a>
<A HREF="113.html">113</a>
<A HREF="114.html">114</a>
<A HREF="115.html">115</a>
<A HREF="116.html">116</a>
<A HREF="117.html">117</a>
<A HREF="118.html">118</a>
<A HREF="119.html">119</a>
<A HREF="120.html">120</a>
<A HREF="121.html">121</a>
<A HREF="122.html">122</a>
<A HREF="123.html">123</a>
<A HREF="124.html">124</a>
<A HREF="125.html">125</a>
<A HREF="126.html">126</a>
<A HREF="127.html">127</a>
<A HREF="128.html">128</a>
<A HREF="129.html">129</a>
<A HREF="130.html">130</a>
<A HREF="131.html">131</a>
</td></tr>
<tr>
<th class="instantkarma"><font color="FFCC00" face=helvetica size=2>"instant karma" - </th>
<td>
<A HREF="096.html">096</a>
<A HREF="097.html">097</a>
<A HREF="098.html">098</a>
<A HREF="099.html">099</a>
<A HREF="100.html">100</a>
<A HREF="101.html">101</a>
<A HREF="102.html">102</a>
<A HREF="103.html">103</a>
<A HREF="104.html">104</a>
<A HREF="105.html">105</a>
<A HREF="106.html">106</a>
<A HREF="107.html">107</a>
<A HREF="108.html">108</a>
<A HREF="109.html">109</a>
<A HREF="110.html">110</a>
<A HREF="111.html">111</a>
</td></tr>
<tr>
<th class="fatalbertsons"><font color="FFCC00" face=helvetica size=2>"fat albertson's" - </th>
<td>
<A HREF="087.html">087</a>
<A HREF="088.html">088</a>
<A HREF="089.html">089</a>
<A HREF="090.html">090</a>
<A HREF="091.html">091</a>
<A HREF="092.html">092</a>
<A HREF="093.html">093</a>
<A HREF="094.html">094</a>
<A HREF="095.html">095</a>
</td></tr>
<tr>
<th class="kissingbooth"><font color="FFCC00" face=helvetica size=2>"kissing booth" - </th>
<td>
<A HREF="076.html">076</a>
<A HREF="077.html">077</a>
<A HREF="078.html">078</a>
<A HREF="079.html">079</a>
<A HREF="080.html">080</a>
<A HREF="081.html">081</a>
<A HREF="082.html">082</a>
<A HREF="083.html">083</a>
<A HREF="084.html">084</a>
<A HREF="085.html">085</a>
<A HREF="086.html">086</a>
</td></tr>
<tr>
<th class="courtsideseats"><font color="FFCC00" face=helvetica size=2>"courtside seats" - </th>
<td>
<A HREF="061.html">061</a>
<A HREF="062.html">062</a>
<A HREF="063.html">063</a>
<A HREF="064.html">064</a>
<A HREF="065.html">065</a>
<A HREF="066.html">066</a>
<A HREF="067.html">067</a>
<A HREF="068.html">068</a>
<A HREF="069.html">069</a>
<A HREF="070.html">070</a>
<A HREF="071.html">071</a>
<A HREF="072.html">072</a>
<A HREF="073.html">073</a>
<A HREF="074.html">074</a>
<A HREF="075.html">075</a>
</td></tr>
<tr>
<th class="reportcard"><font color="FFCC00" face=helvetica size=2>"report card" - </th>
<td>
<A HREF="054.html">054</a>
<A HREF="055.html">055</a>
<A HREF="056.html">056</a>
<A HREF="057.html">057</a>
<A HREF="058.html">058</a>
<A HREF="059.html">059</a>
<A HREF="060.html">060</a>
</td></tr>
<tr>
<th class="carwash"><font color="FFCC00" face=helvetica size=2>"car wash" - </th>
<td>
<A HREF="048.html">048</a>
<A HREF="049.html">049</a>
<A HREF="050.html">050</a>
<A HREF="051.html">051</a>
<A HREF="052.html">052</a>
<A HREF="053.html">053</a>
</td></tr>
<tr>
<th class="rockstar"><font color="FFCC00" face=helvetica size=2>"rock star" - </th>
<td>
<A HREF="044.html">044</a>
<A HREF="045.html">045</a>
<A HREF="046.html">046</a>
<A HREF="047.html">047</a>
</td></tr>
<tr>
<th class="comeandgetit"><font color="FFCC00" face=helvetica size=2>"come and get it" - </th>
<td>
<A HREF="040.html">040</a>
<A HREF="041.html">041</a>
<A HREF="042.html">042</a>
<A HREF="043.html">043</a>
</td></tr>
<tr>
<th class="kathieleegifford"><font color="FFCC00" face=helvetica size=2>"kathie lee gifford" - </th>
<td>
<A HREF="036.html">036</a>
<A HREF="037.html">037</a>
<A HREF="038.html">038</a>
<A HREF="039.html">039</a>
</td></tr>
<tr>
<th class="schoolpranks"><font color="FFCC00" face=helvetica size=2>"school pranks" - </th>
<td>
<A HREF="032.html">032</a>
<A HREF="033.html">033</a>
<A HREF="034.html">034</a>
<A HREF="035.html">035</a>
</td></tr>
<tr>
<th class="californiarolls"><font color="FFCC00" face=helvetica size=2>"california rolls" - </th>
<td>
<A HREF="029.html">029</a>
<A HREF="030.html">030</a>
<A HREF="031.html">031</a>
</td></tr>
<tr>
<th class="creekrun"><font color="FFCC00" face=helvetica size=2>"creek run" - </th>
<td>
<A HREF="023.html">023</a>
<A HREF="024.html">024</a>
<A HREF="025.html">025</a>
<A HREF="026.html">026</a>
<A HREF="027.html">027</a>
<A HREF="028.html">028</a>
</td></tr>
<tr>
<th class="myhero"><font color="FFCC00" face=helvetica size=2>"my hero" - </th>
<td>
<A HREF="017.html">017</a>
<A HREF="018.html">018</a>
<A HREF="019.html">019</a>
<A HREF="020.html">020</a>
<A HREF="021.html">021</a>
<A HREF="022.html">022</a>
</td></tr>
<tr>
<th class="mrmojorisin"><font color="FFCC00" face=helvetica size=2>"mr. mojo risin'" - </th>
<td>
<A HREF="013.html">013</a>
<A HREF="014.html">014</a>
<A HREF="015.html">015</a>
<A HREF="016.html">016</a>
</td></tr>
<tr>
<th class="schooldaze"><font color="FFCC00" face=helvetica size=2>"school daze" - </th>
<td>
<A HREF="007.html">007</a>
<A HREF="008.html">008</a>
<A HREF="009.html">009</a>
<A HREF="010.html">010</a>
<A HREF="011.html">011</a>
<A HREF="012.html">012</a>

</td></tr>
<tr>
<th class="welcomeneighbor"><font color="FFCC00" face=helvetica size=2>"welcome neighbor" - </th>
<td>
<A HREF="001.html">001</a>
<A HREF="002.html">002</a>
<A HREF="003.html">003</a>
<A HREF="004.html">004</a>
<A HREF="005.html">005</a>
<A HREF="006.html">006</a>
</td></tr>
</table>

<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=519122;
var sc_partition=3;
var sc_security="";
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=519122&java=0&security=" alt="hidden hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->

</body>
</html>
ray326
06-21-2005, 11:29 PM
First, you don't need all those classes and the <font> tag is deprecated. In the style sheet:

th {
font-family: helvetica, sans-serif;
font-size: 12px; /* or whatever */
text-align: right;
color: #fc0;
}
fatbottoms
06-21-2005, 11:59 PM
yeah, it's nice to bang your head against the wall for a couple of hours. i knew there was an easier way to do that. thanks. how about the vertical spacing between the links and themes?
acorbelli
06-22-2005, 03:13 AM
I think you're better off trying to get the css to work correctly...I'll take a look at it when I get the chance to avoid using tables.
ray326
06-23-2005, 12:43 AM
Add a padding setting to the th and td styles.