PDA

View Full Version : Cell adjustment

weesneak
08-09-2006, 12:38 PM
This is kinda complicated to explain. If you c+p this into a html file you can kinda see what i mean, although the lack of images wont help.


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Shenmue Archive</title>
</head>

<body bgcolor="#000000" link="#ffffff" vlink="#ffffff" alink="#ffffff">
<style>
A:hover{COLOR:#5E647C;TEXT-DECORATION:none;}
</style>

<CENTER>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFFFF" width="800" id="AutoNumber1" height="535">
<tr>
<td width="100%" colspan="2" valign="top" height="78">
<font face="Verdana" size="1">
<img border="0" src="banner.jpg" width="800"></font></td>
</tr>
<tr>
<td style="background-image:url(sidebg.jpg)" width="150" rowspan="2" valign="top" height="496">&nbsp;<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="135" id="AutoNumber2" height="21">
<tr>
<td width="100%" background="left.jpg">
<font face="Verdana" size="1" color="ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
General</font></td>
</tr>
</table>
</center>
</div>
<font face="Verdana" size="1" color="ffffff">&nbsp;&nbsp; <br>
- <a href="index.html" style="text-decoration: none">Home</a><br>
- <a href="index.html" style="text-decoration: none">Links</a><br>
- <a href="index.htm" style="text-decoration: none">Link To Us</a><br>
- <a href="index.htm" style="text-decoration: none">Get Hosted</a><br>
- <a href="index.htm" style="text-decoration: none">History</a><br>
- <a href="index.htm" style="text-decoration: none">F.A.Q</a><br>
&nbsp;</font><div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="135" id="AutoNumber3" height="21">
<tr>
<td width="100%" background="left.jpg">
<font face="Verdana" size="1" color="ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Games</font></td>
</tr>
</table>
</center>
</div>

<font face="Verdana" size="1"color="ffffff">
- <a href="index.html" style="text-decoration: none">Shenmue I</a><br>
- <a href="index.html" style="text-decoration: none">Shenmue II</a><br>
- <a href="index.htm" style="text-decoration: none">Shenmue III</a><br>
- <a href="index.htm" style="text-decoration: none">Shenmue Online</a><br>

&nbsp;</font></p>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="135" id="AutoNumber4" height="21">
<tr>
<td width="100%" background="left.jpg">
<font face="Verdana" size="1" color="ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Other</font></td>
</tr>
</table>
</center>
</div>
<font face="Verdana" size="1"color="ffffff">

&nbsp;&nbsp; <br>
- <a href="index.html" style="text-decoration: none">Downloads</a><br>
- <a href="index.html" style="text-decoration: none">Humour</a><br>
- <a href="index.htm" style="text-decoration: none">Merchandise</a><br>
- <a href="index.htm" style="text-decoration: none">The Creator</a><br>
<br>
<br>
<br>
<center><img src="home.gif"> <img src="email.gif"></center>
<br>
<br>
<br>
<br>
<br>
<br>
&nbsp;</font></td>
<td width="84%" valign="top" height="13"><font size="1" face="Verdana" color="ffffff">
CONTENT GOES HERE
</font></td>
</tr>
<tr>

</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber5">
<tr>
<td width="100%"><font face="Verdana" size="1"></td>
</tr>
</table>

</body>

</html>


If you look at the sidebar navigation on the left you will see cell that contains the words "general". It is quite a few spaces from the top of the sidebar. I want it closer to the top but dont really know how.

This originated from a free layout. Im not an expert with HTML but i know alot. I just edited this layout for my own use and this is what happened.

Thanks for any help.
pb&j
08-09-2006, 01:47 PM
try deleting this part...
&nbsp;<div align="center"><center>

that is seen after this part...
<td style="background-image:url(sidebg.jpg)" width="150" rowspan="2" valign="top" height="496">

and also delete the </center></div> that corresponds to that too.

now to keep the center effect, add this in...

<td style="background-image:url(sidebg.jpg); text-align:center;" width="150" rowspan="2" valign="top" height="496">