Need help with modifying template


Active Topics	New Topics	My Topics	Search	Profile	Inbox	Register	Rules/TOS

Add to hotlist

Mark This Forum Read

Printer Friendly Version

Email this thread to a friend

Featured Web Site Template

Hundreds More at Free Site Templates.com!

Web Site Partners

Sponsored Links

Jet City Software

Whos Here ?

There are 0 guests and 1 members in the forums right now.

g1smd

Reflects user activity within the last 5 minutes

Moderator(s): g1smd

Forum Index · Search Engine Forums · Building, Hosting and Maintaining Your Website · Graphic Design - Basic HTML, CSS & Usability · Need help with modifying template

Previous Topic Next Topic

Member	Message
francespr Joined: Mar 22, 2006 # Posts: 2	Posted: 2006-Mar-24 21:44 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 ] (Copy Shortcut)

francespr Joined: Mar 22, 2006 # Posts: 2	Posted: 2006-Mar-25 07:25 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?? (Copy Shortcut)

SportsGuy Staff Joined: Aug 30, 2002 # Posts: 3600 Website	Posted: 2006-Mar-25 13:19 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. (Copy Shortcut)

JQ Staff Joined: Mar 11, 2001 # Posts: 2755 Website	Posted: 2006-Mar-25 21:27 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. (Copy Shortcut)

world_trance Joined: Mar 12, 2006 # Posts: 20	Posted: 2006-Mar-31 01:57 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] (Copy Shortcut)

Previous Topic Next Topic

Forum Index · Search Engine Forums · Building, Hosting and Maintaining Your Website · Graphic Design - Basic HTML, CSS & Usability · Need help with modifying template

You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:

You have not yet logged in, or registered properly as a member
You are a member, but no longer have posting rights.
This is a private forum, for which you do not have permissions.

If you are a recent member, it's possible that you simply have not yet confirmed your account. Please check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions contained within.

If you cannot find this message, click here to Re-Send it.

If you are still experiencing problem, please read the Login Assistance Article for some advice on what may be causing your login not to work properly.

Switch to Advanced Editor and ... Create a New Topic or Reply to this Thread

New posts

Forum is locked