PDA

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

fatbottoms
06-27-2005, 09:45 PM
i'm having trouble positioning a table. i've tried <div> <table> </div> , margin-left, padding-left, nothing seems to work . what am i doing wrong?
here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>archives</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body { background-color:#000066 }


h1 {width:311px; height:22px;
font: bold 16px helvetica;
color:#000099 ;
background-color: #FFCC00; text-decoration:none;
border: 4px outset #00CCFF;
padding-top: 2px;
padding-bottom: 2px;padding-left: 12px;
padding-right: 12px;
letter-spacing: 6px;
text-align:center}


h2 {margin-left: 117px; width: 720px;
color: #FFCC33; font-weight: light;
font: 12px helvetica;
text-decoration:none;
padding: 3px;
margin-left:120px;}

th {color: #FFCC00; font: 16px verdana;
text-align:right}



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;}

a.one {float:left; margin-left:14px;
color: #0000CC;
border: 4px ridge;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
border-color: #FFFF00 #CC9900 #CC9900 #FFFF00;
width: 80px; display:inline;
text-align:center;}

a.one:hover {
color:#0000FF;
border: 4px ridge;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
border-color: #00ffff 00ccff #00ccff #00ffff;
display: inline;
width: 80px;
text-align: center;}
li {display:inline}

</head>
</style>

<body>

<div style= margin-left:343px>
<h1>Bluesrock Archives</h1>
</div>

<h2>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.
</h2>


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


<div style=margin-left:182px;>
<li><p><b><a class="one" href="default.asp" target="_blank">HOME</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">INTRO</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">STRIPS</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">SWAG</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">CUSTOM</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">EMAIL</a></b></p></li>
</div>

</body>
</html>
Wart_Hog
06-28-2005, 12:49 AM
Please validate your code before posting...
51 errors
http://www.w3schools.com/site/site_validate.asp


How exactly d oyou want the page to look, It looks alright to me.

-Mike
BeachSide
06-28-2005, 12:54 AM
Also could you please wrap it in forum's html tags so that it makes it easier to read.

[ html ] [ / html ] <- Without the spaces

This way it looks like this...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>archives</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body { background-color:#000066 }


h1 {width:311px; height:22px;
font: bold 16px helvetica;
color:#000099 ;
background-color: #FFCC00; text-decoration:none;
border: 4px outset #00CCFF;
padding-top: 2px;
padding-bottom: 2px;padding-left: 12px;
padding-right: 12px;
letter-spacing: 6px;
text-align:center}


h2 {margin-left: 117px; width: 720px;
color: #FFCC33; font-weight: light;
font: 12px helvetica;
text-decoration:none;
padding: 3px;
margin-left:120px;}

th {color: #FFCC00; font: 16px verdana;
text-align:right}



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;}

a.one {float:left; margin-left:14px;
color: #0000CC;
border: 4px ridge;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
border-color: #FFFF00 #CC9900 #CC9900 #FFFF00;
width: 80px; display:inline;
text-align:center;}

a.one:hover {
color:#0000FF;
border: 4px ridge;
background-color: #FFCC00;
font: 12px verdana;
font-weight: bold;
text-decoration: none;
border-color: #00ffff 00ccff #00ccff #00ffff;
display: inline;
width: 80px;
text-align: center;}
li {display:inline}

</head>
</style>

<body>

<div style= margin-left:343px>
<h1>Bluesrock Archives</h1>
</div>

<h2>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.
</h2>


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


<div style=margin-left:182px;>
<li><p><b><a class="one" href="default.asp" target="_blank">HOME</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">INTRO</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">STRIPS</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">SWAG</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">CUSTOM</a></b></p></li>
<li><p><b><a class="one" href="default.asp" target="_blank">EMAIL</a></b></p></li>
</div>

</body>
</html>