tbwork
asked on
Need Help with a Template... BAD!
I thought I knew enough HTML to get by. I was wrong. I purchased a template yesterday that has a tabling scheme that is too wild for me to understand, but I think it's probably normal for someone that knows how to build templates.
All I want to do is "clear out" the middle of the screen, so I can just put basic text inside of it. The frames on the left and the top of the screen are great. There is a tabling scheme that uses multiple tables/cells in the middle of the screen. All I want is a big wide-open area (no pictures or text for now, I'll put my own in). One table with 1 cell that engulfs the ENTIRE middle of the screen is OK.
Here is a link to where the basic template is loaded:
http://www.your-lists.com
*** Here is the code for the index.html:
<html>
<head>
<title>Under Construction</title>
<style type="text/css">
body { background-image: url("i/bg.gif"); background-repeat: repeat-y }
body,td { font-family: arial, helvetica; color: #414141; font-size: 11px; line-height: 15px; }
.heading { font-weight: bold; }
.minilink { font-weight: bold; font-size: 10px; }
</style>
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td><img src="i/top1.jpg"></td>
<td width="100%" background="i/top1bg.jpg"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="TOP">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="TOP" rowspan="10"><img src="i/top2.jpg"></td>
<td><a href="#"><img src="i/b1.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp1.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b2.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp2.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b3.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp3.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b4.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp4.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b5.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp5.jpg"></td>
</tr>
</table>
</td>
<td valign="TOP"><img src="i/spacer.gif" width="17" height="1"></td>
<td valign="TOP">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="i/4dots.gif"></td>
<td width="100%"><img src="i/heading.gif"></td>
</tr>
<tr>
<td colspan="2"><img src="i/spacer.gif" height="17" width="460"></td>
</tr>
<tr>
<td><img src="i/spacer.gif"></td>
<td valign="TOP">
<!-- Content area start -->
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="TOP"><img src="i/pic.jpg"></td>
<td valign="TOP" width="100%">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%">
<tr><td><img src="i/spacer.gif" height="14" width="1"></td></tr>
<tr>
<td background="i/hrbg.gif"><i mg src="i/hrbg.gif"></td>
</tr>
<tr><td><img src="i/spacer.gif" height="20" width="1"></td></tr>
<tr>
<td>
<span class="heading">Informatio n about this template</span><br>
<br>
The font used for the 'Welcome to yoursite.com' and title text is <b>SF Iron Gothic</b>,
and can be obtained for free by clicking on the link below.<br>
<br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="i/arrow.gif"></td>
<td class="minilink"><a href="http://www.4templates.com/s/fonts.php">4Templates.com: Fonts</a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Content area end -->
</td>
</tr>
</table>
</td>
<td width="100%"><img src="i/spacer.gif"></td>
</tr>
</table>
</body>
</html>
*** Let me know if these points aren't enough!
All I want to do is "clear out" the middle of the screen, so I can just put basic text inside of it. The frames on the left and the top of the screen are great. There is a tabling scheme that uses multiple tables/cells in the middle of the screen. All I want is a big wide-open area (no pictures or text for now, I'll put my own in). One table with 1 cell that engulfs the ENTIRE middle of the screen is OK.
Here is a link to where the basic template is loaded:
http://www.your-lists.com
*** Here is the code for the index.html:
<html>
<head>
<title>Under Construction</title>
<style type="text/css">
body { background-image: url("i/bg.gif"); background-repeat: repeat-y }
body,td { font-family: arial, helvetica; color: #414141; font-size: 11px; line-height: 15px; }
.heading { font-weight: bold; }
.minilink { font-weight: bold; font-size: 10px; }
</style>
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td colspan="4">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td><img src="i/top1.jpg"></td>
<td width="100%" background="i/top1bg.jpg">
</tr>
</table>
</td>
</tr>
<tr>
<td valign="TOP">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="TOP" rowspan="10"><img src="i/top2.jpg"></td>
<td><a href="#"><img src="i/b1.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp1.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b2.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp2.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b3.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp3.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b4.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp4.jpg"></td>
</tr>
<tr>
<td><a href="#"><img src="i/b5.jpg" border="0"></a></td>
</tr>
<tr>
<td><img src="i/sp5.jpg"></td>
</tr>
</table>
</td>
<td valign="TOP"><img src="i/spacer.gif" width="17" height="1"></td>
<td valign="TOP">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="i/4dots.gif"></td>
<td width="100%"><img src="i/heading.gif"></td>
</tr>
<tr>
<td colspan="2"><img src="i/spacer.gif" height="17" width="460"></td>
</tr>
<tr>
<td><img src="i/spacer.gif"></td>
<td valign="TOP">
<!-- Content area start -->
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="TOP"><img src="i/pic.jpg"></td>
<td valign="TOP" width="100%">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua.
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%">
<tr><td><img src="i/spacer.gif" height="14" width="1"></td></tr>
<tr>
<td background="i/hrbg.gif"><i
</tr>
<tr><td><img src="i/spacer.gif" height="20" width="1"></td></tr>
<tr>
<td>
<span class="heading">Informatio
<br>
The font used for the 'Welcome to yoursite.com' and title text is <b>SF Iron Gothic</b>,
and can be obtained for free by clicking on the link below.<br>
<br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="i/arrow.gif"></td>
<td class="minilink"><a href="http://www.4templates.com/s/fonts.php">4Templates.com: Fonts</a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Content area end -->
</td>
</tr>
</table>
</td>
<td width="100%"><img src="i/spacer.gif"></td>
</tr>
</table>
</body>
</html>
*** Let me know if these points aren't enough!
tbwork:
Tried 3 times to post some altered code for you, but got an error each time. Is there an email address I can send it to?
Tried 3 times to post some altered code for you, but got an error each time. Is there an email address I can send it to?
ASKER
Mail to yourlistsmgr@hotmail.com
Good luck!
Good luck!
Bit_Twiddler,
Please post your HTML here after you've read my response to you in your Community Support question. EE frowns on awarding points for problems resolved outside of EE.
Thanks!
Netminder
CS Moderator
Please post your HTML here after you've read my response to you in your Community Support question. EE frowns on awarding points for problems resolved outside of EE.
Thanks!
Netminder
CS Moderator
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
You did it!
I only needed 1 more tweak to customize my page. Thanks a million.
I only needed 1 more tweak to customize my page. Thanks a million.