Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Need Help with a Template... BAD!

Posted on 2002-06-26
9
Medium Priority
?
172 Views
Last Modified: 2010-04-09
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"><img src="i/hrbg.gif"></td>
                        </tr>
                        <tr><td><img src="i/spacer.gif" height="20" width="1"></td></tr>
                        <tr>
                              <td>
                                    <span class="heading">Information 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!


0
Comment
Question by:tbwork
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 2
9 Comments
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7112549
0
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7112552
0
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7112560
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7112569
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?
0
 

Author Comment

by:tbwork
ID: 7112578
Mail to yourlistsmgr@hotmail.com

Good luck!
0
 
LVL 5

Expert Comment

by:Netminder
ID: 7112731
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
0
 
LVL 4

Expert Comment

by:Bit_Twiddler
ID: 7113153
0
 
LVL 4

Accepted Solution

by:
Bit_Twiddler earned 2000 total points
ID: 7113192
See if this is what you had in mind:

<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>
                    </td>
                    </tr>
                    </table>
<!-- Content area end -->
               </td>
          </tr>
          </table>
     </td>
     <td width="100%"><img src="i/spacer.gif"></td>
</tr>
</table>
</body>
</html>
0
 

Author Comment

by:tbwork
ID: 7113635
You did it!

I only needed 1 more tweak to customize my page. Thanks a million.
0

Featured Post

Enroll in September's Course of the Month

This month’s featured course covers 16 hours of training in installation, management, and deployment of VMware vSphere virtualization environments. It's free for Premium Members, Team Accounts, and Qualified Experts!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question