Html-problem

Discussion in 'Gaming' started by dotOrion, Aug 4, 2005.

  1. Aug 4, 2005 at 1:30 PM #1
    dotOrion

    dotOrion Well-Known Member

    Posts:
    143
    Likes Received:
    0
    Joined:
    Jan 23, 2005
    I am coding a (rather) complicated layout and I can't understand my own tables anymore.

    I want this in tables.

    So a header , below it on the left two textareas , on the right a bigger text area , below those three content boxes , below that I want the actual content area and the menu , and below all of it a footer.

    If I input a width , and after that add colspan and rowspan attributes it seems to ignore the set width and just does as it sees fit.

    This is the table I have (and that doesn't work):

    Code:
    <table style="width:705px;" border="1">

<tr>
<td style="width:705px;text-align:center;" colspan="4">
header
</td>
</tr>

<tr>
<td style="width:302px;height:155px;" colspan="2">
textarea 1
</td>
<td style="width:395px;height:286px;" rowspan="2"  colspan="2">
larger text area
</td>
</tr>

<tr>
<td style="width:310px;height:131px;" colspan="2">
textarea 2
</td>
</tr>

<tr>
<td style="width:235px;height:131px;">Box 1</td>
<td style="width:235px;height:131px;">Box 2</td>
<td style="width:235px;height:131px;" colspan="2">Box 3</td>
</tr>

<tr>
<td style="width:509px;" colspan="3">Content</td><td style="width:196px;">Menu</td>
</tr>

<tr>
<td style="width:705px;text-align:center;" colspan="4">footer</td>
</tr>

</table>
     
  2. Aug 4, 2005 at 2:47 PM #2
    KrazyNick

    KrazyNick Well-Known Member

    Posts:
    3,248
    Likes Received:
    0
    Joined:
    Apr 8, 2005
    bftp might be able to help you hes a computer smarty :)
     
  3. Aug 4, 2005 at 2:49 PM #3
    dotOrion

    dotOrion Well-Known Member

    Posts:
    143
    Likes Received:
    0
    Joined:
    Jan 23, 2005
    Yeah that's probably what I need :D
    Can you PM him with a link to this thread please :unsure: ?
     
  4. Aug 4, 2005 at 2:52 PM #4
    Gordon219

    Gordon219 Member

    Posts:
    20
    Likes Received:
    0
    Joined:
    Aug 4, 2005
    Use frontpage. it helps sometimes.
     
  5. Aug 4, 2005 at 2:54 PM #5
    cochise

    cochise Well-Known Member

    Age:
    38
    Posts:
    1,722
    Likes Received:
    0
    Joined:
    May 25, 2005
    Make a template then slice and code it...rather than code from hand
     
  6. Aug 5, 2005 at 6:19 AM #6
    dotOrion

    dotOrion Well-Known Member

    Posts:
    143
    Likes Received:
    0
    Joined:
    Jan 23, 2005
    No , both those options create too much unnecessary code
    and the slicing one will make a bunch of useless images on top of that.

    I just need a very complicated table .
     
  7. Aug 5, 2005 at 11:57 AM #7
    XMasterX

    XMasterX Well-Known Member

    Age:
    40
    Posts:
    5,336
    Likes Received:
    0
    Joined:
    Aug 1, 2005
    Location:
    Wisconsin, USA
    It works fine for me in FireFox. did you by any chance include:

    Code:
     
<html>
<head>
<title></title>
</head>
<body>
tables
</body>
</html>
    you would need that for the browser to recognize it as a html page.

    fully, it looks like this:

    Code:
    <html>
<head><title></title></head>
<body>
<table style="width:705px;" border="1">

<tr>
<td style="width:705px;text-align:center;" colspan="4">
header
</td>
</tr>

<tr>
<td style="width:302px;height:155px;" colspan="2">
textarea 1
</td>
<td style="width:395px;height:286px;" rowspan="2"  colspan="2">
larger text area
</td>
</tr>

<tr>
<td style="width:310px;height:131px;" colspan="2">
textarea 2
</td>
</tr>

<tr>
<td style="width:235px;height:131px;">Box 1</td>
<td style="width:235px;height:131px;">Box 2</td>
<td style="width:235px;height:131px;" colspan="2">Box 3</td>
</tr>

<tr>
<td style="width:509px;" colspan="3">Content</td><td 

style="width:196px;">Menu</td>
</tr>

<tr>
<td style="width:705px;text-align:center;" colspan="4">footer</td>
</tr>

</table>
</body>
</html>
    hope this helps...

    [edit] oh, i had to put the html stuff in order for it to work

    screenshot:
     

Share This Page