Posted By: francespr ()
Posted On: 03/24/2006 01:44 pm
|
Hello,
I downloaded this template:
http://freesitetemplates.com/templates/samples/390/#
and I am a rookie.....when I modify it at home, I would like the tables with borders aligned at the top. How can I do that? This is the source for the template: Thanks!! Mimax1
<html>
<head>
<title>Template provide by Designking.co.uk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#000000" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td width="640"><img src="top.gif" width="640" height="192"></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="2" cellspacing="5" cellpadding="0" bgcolor="#FF0000" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
<tr>
<td height="25">
<table width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#00FF30" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr align="center">
<td>
<p><font size="4" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="#">Home</a><br>
<a href="#">About</a><br>
<a href="#">Products</a><br>
<a href="#">Links</a><br>
<a href="#">Contact</a> <br>
<br>
<a href="http://www.designking.co.uk/" target="_blank"><img src="dk_button.gif" width="90" height="31" border="0" alt="Designking.co.uk"></a></b></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top">
<table width="640" border="0" cellspacing="0" cellpadding="0" align="center" background="back.gif">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100"> </td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif" size="6"><b>Monkey Template</b></font>
</td>
</tr>
</table>
</td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td> </td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Designking.co.uk
can also customise this template to your requirements.</font></b></p>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Visit <a href="http://www.designking.co.uk/" target="_blank">http://www.designking.co.uk/</a>
and click on to the "Services" link for more information.</font></b></p>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some more text
to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page. Some more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page. Some more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font></b></p>
</td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td align="center" height="20"><b><font face="Arial, Helvetica, sans-serif" size="1">
- <a href="#">Home</a> - <a href="#">About</a> - <a href="#">Products</a> - <a href="#">Links</a>
- <a href="#">Contact</a> - </font></b></td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td align="center" height="20"><i>Copyright <b>YOUR COMPANY</b> 2002</i></td>
<td width="100"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="foot.gif" width="640" height="97"></td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>
[ Message was edited by: francespr 03/24/2006 05:03 pm ]
|
|
Posted By: francespr ()
Posted On: 03/24/2006 11:25 pm
|
Okay, so I am such a rookie!! PLEASE help !!
Anyway, this is what the temporary website looks like now:
www.s158671506.onlinehome.us
I'd like the left table to be aligned at the top with the right table. Can it be done??
|
|
Posted By: SportsGuy (Staff)
Posted On: 03/25/2006 05:19 am
|
If you are using Dreamweaver to edit, there's a drop-down menu where you can select "Vertical Alignment", or "Vert." in the editing toolbar. Click the settig to "top".
I'm sure other programs vary, but you'd be looking for basically the same thing.
Given a few minutes of sifting through the code, you culd probably also find the spot to edit that positioning. I personally find it much easier to "View Code & Design" at the same time for this type of hting.
|
|
Posted By: JQ (Staff)
Posted On: 03/25/2006 01:27 pm
|
I dropped the code into GoLive and had a quick look. The vertical alignments are set to "top". The problem is that the top.gif with the monkey's head is 192 pixels tall, while the red border that his hands are on starts at about 148 pixels down.
The only solution I can think of is to add a second row.
top row = 148 height
second row = 44 height
Span the two lower cells in the left column (so the nav box can top align at 148).
Span the two top cells on the right (to accommodate the 192 tall image).
If there's an easier way, I don't know how. I imagine it could be done in CSS but that would basically involve completely rewriting the page, which defeats the purpose of using a template in the first place.
|
|
Posted By: world_trance ()
Posted On: 03/30/2006 05:57 pm
|
Use this html code instead. This should work nicely for you.
[html]<html>
<head>
<title>Template provide by Designking.co.uk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#000000" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" valign="top"><table width="100%" border="2" cellspacing="5" cellpadding="0" bgcolor="#FF0000" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
<tr>
<td height="25"><table width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#00FF30" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr align="center">
<td><p><font size="4" face="Verdana, Arial, Helvetica, sans-serif"><b><a href="#">Home</a><br>
<a href="#">About</a><br>
<a href="#">Products</a><br>
<a href="#">Links</a><br>
<a href="#">Contact</a> <br>
<br>
<a href="http://www.designking.co.uk/" target="_blank"><img src="dk_button.gif" width="90" height="31" border="0" alt="Designking.co.uk"></a></b></font></p></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="640"><img src="top.gif" width="640" height="192"></td>
</tr>
<tr>
<td valign="top">
<table width="640" border="0" cellspacing="0" cellpadding="0" align="center" background="back.gif">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100"> </td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif" size="6"><b>Monkey Template</b></font>
</td>
</tr>
</table>
</td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td> </td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Designking.co.uk
can also customise this template to your requirements.</font></b></p>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Visit <a href="http://www.designking.co.uk/" target="_blank">http://www.designking.co.uk/</a>
and click on to the "Services" link for more information.</font></b></p>
<p><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some more text
to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page. Some more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page. Some more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">Some
more text to fill the page.</font></b></p>
</td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td align="center" height="20"><b><font face="Arial, Helvetica, sans-serif" size="1">
- <a href="#">Home</a> - <a href="#">About</a> - <a href="#">Products</a> - <a href="#">Links</a>
- <a href="#">Contact</a> - </font></b></td>
<td width="100"> </td>
</tr>
<tr>
<td width="100"> </td>
<td align="center" height="20"><i>Copyright <b>YOUR COMPANY</b> 2002</i></td>
<td width="100"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="foot.gif" width="640" height="97"></td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>
[html]
|
|
|