HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Need help designing this table...
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Kyle1986



Joined: 01 Mar 2008
Posts: 2

PostPosted: Sat Mar 01, 2008 8:30 pm     Need help designing this table... Reply with quote

Hi I'm new here and I just started school majoring in digital media arts. I'm now having a class dealing with html and I need some help designing this table. Its pretty confusing.
There's a row at the top which reads"DESIGN" That will be the name of the website

Beneath that you have 5 colomns
Mens/woman's/Special Offers/Sales/Denim

Now in the middle of the page it will be 3 random pictures each in there own table I guess.

Now at the very bottom there will be another 5 columns
Contact/About Us/Careers/Outlet/Locations.

Any help will be appreciated...
ogsolution



Joined: 26 Dec 2007
Posts: 144

PostPosted: Sun Mar 02, 2008 12:11 am     Reply with quote

you can use colspan and rowspan but if you just started, you can use nested table.

You can check out an example here
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8312
Location: Castle Pines North, CO USA

PostPosted: Sun Mar 02, 2008 8:04 am     Reply with quote



I think I understood you - here is an example here as well
Code:
<table style="width: 100%">
   <tr>
      <th colspan="5">Design</th>
   </tr>
   <tr>
      <td style="width: 20%">Men</td>
      <td style="width: 20%">Woman's</td>
      <td style="width: 20%">Special Offers</td>
      <td style="width: 20%">Sales</td>
      <td style="width: 20%">Denim</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td colspan="3">&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td>Contact Us</td>
      <td>About Us</td>
      <td>Careers</td>
      <td>Outlet</td>
      <td>Locations</td>
   </tr>
</table>
There are lots of ways to style these as well something like
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>   
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Untitled 3</title>
<style type="text/css">
body
{
   font-size:1em;
}
td.types
{
   width:20%;
   text-align:center;
}
td.footer
{
   widows:20%;
   text-align:center;
   font-size: .8em;
   border-top: 1px solid #000
}
</style>

</head>

<body>

<table style="width: 100%">
   <tr>
      <th colspan="5">Design</th>
   </tr>
   <tr>
      <td class="types">Men</td>
      <td class="types">Woman's</td>
      <td class="types">Special Offers</td>
      <td class="types">Sales</td>
      <td class="types">Denim</td>
   </tr>
   <tr>
      <td>&nbsp;</td>
      <td colspan="3">&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
   <tr>
      <td class="footer">Contact Us</td>
      <td class="footer">About Us</td>
      <td class="footer">Careers</td>
      <td class="footer">Outlet</td>
      <td class="footer">Locations</td>
   </tr>
</table>

</body>

</html>
But hopefully this will give you a few ideas.

It sounds like you are wanting a potential template / layout of a website? If so, the tables would be ok to use but <div>s / CSS would be much better. But choose what you think you can understand / handle at this moment.

_________________
Corey
Hosting Solutions | Mile High Merchant Accounts | Expression Web Blog
Kyle1986



Joined: 01 Mar 2008
Posts: 2

PostPosted: Sun Mar 02, 2008 12:14 pm     Reply with quote

Thanks man I really appreciate that, and I'll be sure to try. I think using the divs and css is alot better and alittle more easier to understand.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial