Add to Google

Code For This Table Layout? - html help needed

free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

Code For This Table Layout? - html help needed

snlildude87
Hey, can anyone help me generate the code needed for a table that would look something like this?

CODE

 -----------------------------------------------------
|                                   |---------------- |
|                                   |---------------- |
|                                   |---------------- |
|                                   |---------------- |
|                                   |---------------- |
|                                   |---------------- |
 ------------------------------------------------------


Thanks in advance!!

 

 

 


Reply

fffanatics
yeah its simple

CODE

<table>
<tr>
 <td></td>
 <td>
  <table>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td></td>
   </tr>
  </table>
 </td>
</tr>
</table>  


so just use this code and insert the text or what not in the empty td's. By the way what i did was i created one table at first that would handle the two columns. Then i created a single row. In it you can fill whatever you want just by adding it between the <td> and <\td> tags. Then i created a second table inside the right column that its self has 7 rows of nothing at this point. Just add the content between the <td> and </td> tags of the second table. Therefore, for instance you wanted to add another single row below what you have drawn, all you would do is create another row in the main table with <tr> and </tr> and inside of it you would create one column and make it span the table's two columns with <td colspan="2"> content </td>

Hope this helps

 

 

 


Reply

beeseven
Here you go:
CODE
<table style="width: 99%;" border="5">
<tr>
 <td rowspan="7" colspan="2" style="width: 66%;">text</td>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
</table>

Reply

beeseven
Very sorry to double post, but I was fixing my code so I didn't see someone had posted.

The w3c doesn't really like putting tables inside tables, and it works better in most browsers to use rowspan and colspan instead.

Reply

Tyssen
QUOTE(beeseven @ Jun 3 2005, 12:52 PM)
The w3c doesn't really like putting tables inside tables, and it works better in most browsers to use rowspan and colspan instead.

The W3C doesn't like the use of tables for presentation at all.
You'd be better off doing:

CODE
<div id="main">
<div id="right">
Content
Content
Content
Content
Content
Content
</div>
</div>

#right {float: right;}

Or if you have to use a table, do the same as above but apply the id to the internal table so it's still floating right. Then you can use other CSS to play around with the padding/margins etc to get it exactly where you want.

Reply

FaLgoR
CODE

<table>
<tr>
<td width="500">
Left contect goes here
</td>
<td width="150">

<table>
<tr>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
</tr>

</table>
</td>
</tr>
</table>

Try this one, I think it will help you smile.gif

Reply

snlildude87
QUOTE(beeseven @ Jun 2 2005, 11:49 PM)
Here you go:
CODE
<table style="width: 99%;" border="5">
<tr>
 <td rowspan="7" colspan="2" style="width: 66%;">text</td>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
<tr>
 <td style="width: 33%;">text</td>
</tr>
</table>

*

Yep. I tried this one first because beeseven has a good reputation for posting the correct code for other people, and it worked for me. Thanks!! smile.gif


QUOTE(Tyssen @ Jun 2 2005, 11:59 PM)
The W3C doesn't like the use of tables for presentation at all.
You'd be better off doing:

CODE
<div id="main">
<div id="right">
Content
Content
Content
Content
Content
Content
</div>
</div>

#right {float: right;}

Or if you have to use a table, do the same as above but apply the id to the internal table so it's still floating right. Then you can use other CSS to play around with the padding/margins etc to get it exactly where you want.
*

I decided to quit the table layout altogether because I believe tables should only be used to display tabular data, and I will stick to my guns. and plus, there were some other issues with my code that conflicted with the table code


QUOTE(FaLgoR @ Jun 8 2005, 09:06 AM)
CODE

<table>
<tr>
<td width="500">
Left contect goes here
</td>
<td width="150">

<table>
<tr>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
<td>blah</td>
</tr>

</table>
</td>
</tr>
</table>

Try this one, I think it will help you smile.gif
*

I tried this one, but the tables did not display side-by-side. In other words, the second table in your post appeared below the other table.

Anyways, I decided to code my navigation with the help of CSS. I set the top value in CSS to 0px, and position to absolute, so that the navigation will stay at the top no matter where my visitors scroll. This only works in Firefox, but the navigation is still visible in Internet Explorer.

I'm closing this thread now because my question has been answered a long time ago. Thanks to everyone who contributed!

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Recent Queries:-
  1. code for getting a table to slide - 180.74 hr back. (2)
  2. onpaint tablelayout - 671.20 hr back. (1)
  3. tablelayout paint - 1061.86 hr back. (1)
Similar Topics

Keywords : code layout html needed

  1. Some Questions On Html - (8)
  2. where did you learn html from? - (89)
    HI, i am intresting in knowing where you began learning html of what inspired you to start learning
    html. which programs did you use or which progs dyu use?...
  3. Wanting To Touch Up/learn My Html Again - (27)
    Ok, well recently i realized that i am not as skilled in HTML (such as building website layouts) as
    i want to be, with tables etc... and so i was thinking about going through many many many many many
    many sites and just touching up on my HTML and see if i can code my own website template before
    starting to learn PHP because that is what i want to do. so, i am asking all of you experianced
    people on trap17 what websites did you use to learn your HTML skills, yees i know i could go to
    google and type in learn html or somthing along the lines of that, but i want to know wh...
  4. Whats The Best Code? - www.bpsite.tk (32)
    Whats you fav code?...
  5. Redirect Code Help - (8)
    Can someone give me the code which redirects you automatically in the whole page instead of only in
    the frame? I'm using this code, but it just redirects inside a frame... CODE <meta
    HTTP-EQUIV="REFRESH" content="0; url=http://www.something.com"> But now
    .tk has added a ad to the pages so I don't want to use it anymore, so I want that people
    entering the site is being redirected to the "real" domain name now......
  6. Help Making A Web Adress Bar Using Html/js - (9)
    Hey I need to make an adress bar basically you imput into the field press enter and your away but it
    cant use php or any code that needs to be installed, its all part of a workaround for my school
    interenet!...
  7. Html Cool Codes? - (6)
    hey guys..whats up..well i ws just wondering if you guys have any cool codes for myspace or
    something..you know to design a page using html/css codes...see i tried googling around but all the
    sites had the same thing..they dont have a unique one...i want like games in my page...like my
    friend he had like tetris in his page..and i want a game// or anything like that to make my page
    cool /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' />
    anybody????plz...PEAcE!...
  8. Html Ascii Codes - A Complete List - downloadable php file (3)
    I was often frustrated at how, despite there being thousands of ASCII "special characters" such as
    &8659; , websites that claimed to list them all only listed the first 256. To combat this issue,
    I have created a table which lists the first 10,001 - from &#000; to &10000; I am sure
    there are many more but it is simply not feasible to create a table with many more rows as viewing
    it would put terrific strain on the browser.! You can download the file in two forms. One uses
    PHP to dynamically create the table (1KB), the other has it ready-made in pure HT...
  9. Html Div Help [resolved] - help with the divs in ipb (1)
    hey guys, as you may know, i have ipb 2.3.4 set up on my site. i am currently using the centura
    skin and like it a lot. i have customised the header bar in terms of the logo, however also want a
    slab of text linking to the forums home at the top of the banner. i have so far managed to achieve
    this to work in firefox (see attached screenshot), however it just screws up in ie, opera and safari
    (i think). the link is here here is the code, both html and css, of the ipb header, and i have
    placed between stars the parts i have edited: CODE the css (only the ed...
  10. Applet Code - (0)
    Hi There! ...
  11. Best Way To Protect Html Form Fields - Looking for suggestions on how to protect form fields during user inpu (3)
    My working example is here http://sonesay.trap17.com/application.php The form submits to itself
    and stores what ever the user inputs into session variables. Thats all fine and I have validation
    checks for it, I wanted to add more and I remember comming across a site where they would lock from
    fields to prevent any changes if the information was already supplied and validated. I'm looking
    to build something similar but cant seem to figure out how to get that same effect at this time.
    Heres my program logic so far application.php includes('application_content....
  12. Help With Css/html Layout - Horizontal List Problems (5)
    I can't figure out why this horizontal list isnt working. Underneath my banner is supposed to
    be a green gradient bar with a list of links in the center of the page. The links are all the way
    to the left and are really small. The banner is also overlapping the list for some reason. This is
    my current layout(don't worry, I'm not trying to advertise).
    http://www.stormgaming.net/stormcreations/ This is my CSS file
    http://www.stormgaming.net/stormcreations/storm.css Thanks in advance for any help....
  13. Html Application Form - (6)
    does anyone know how to make a form/application that when you submit the form with the submit but it
    sends it in a email to you email address if anyone on here knows please please let me know thanks, i
    want this so i can have members apply for a team on my football site and there information will come
    back to me and i can accept or reject them for that job...
  14. Html Editor - non WYSIWYG (19)
    What editor can I download and use that isn't a WYSIWYG(what-you-see-is-what-you-get) and is
    free. Currently I use NotePad but I want something better....
  15. Login In Using Html - (12)
    I have looked around and I can't find any code to help me out. I want to make it so you can log
    in to my site to get member featues. Could some one please help me...
  16. Having Html Troubles...... - Please help! (1)
    I'm having troubles with the background colours on the HTML pages on my site
    keri-j.trap17.com Basically, the colors are hex codes and i'm no HTML n00b, god no! But, I
    just can't figure this one out! I have the background colour in the body tag (duh) " " on
    all my pages but on some of them the background is white. This might be to do with some javascript i
    have recently edited in each page or certain errors but whatever it is i can't figure it
    out! This is my homepage with the correct background color This is my poetry page with the
    fau...
  17. I Need Help With This Code - (3)
    could some one help with this code. I have been working on this for the past hour trying to get it
    to work. this is the first time i have had problem with writing html code. the code i need help
    with is HTML a href =" http://www.darkzone3.110mb.com/contact.php " target=" _blank ">
    input type =" image " height=" 27 " width=" 139 " src="
    http://www.darkzone3.110mb.com/buttons/contact.png " /> /a > for some reason on my page it
    want work at all it want even open it the same page. What i'm trying to do with the code is a
    page in a new window using an...
  18. Email Form Code - (8)
    I want to create my own e-mail form for my site and I don't quite know if JavaScript or PHP is
    required. I use my Nintendo Wii to manage my sites so I only can use what my webhost allows. I am
    using Angelfire for my main site and InvisionPlus for my forums. I'm planning on switching to
    Trap17 for my main site. Well here is my current code. Please tell me what I need to change.
    Message ...
  19. Centered Div Layout Issues - Float Right item not vertically aligned with text (2)
    Hey everyone. I am writing an all div layout for my friends website and i just cant seem to get all
    the fields aligned properly. I can get all my images to be aligned and look great until i put any
    text on the site. For example, my box that will contain links and such has 3 parts: top, middle and
    bottom. Each of these have 3 parts: left, middle and right. To program the 3 parts of each row, i
    use 3 divs which are all floated based on their position. However, as soon as I put text in the
    middle area, the right image is moved down to a new line. The sample site is located ...
  20. Do You Know Html? - Just Wondering, most of you would know. (65)
    Well I was just wondering, i know this polol might sound stupid, as this is a hosting site forum and
    the chances are you do know HTML, but the other day i met 2 people who didt have a clue what HTML
    was, and was just at the forum because they found this forum active. And also do you know any other
    programming languages, just wondering. I myself know HTML, C++ kinda, and learing PHP. Talking about
    Languages I know Tamil, English, Lote /tongue.gif' border='0' style='vertical-align:middle'
    alt='tongue.gif' /> ....
  21. Creating Link In Html - Help Me With This! - (5)
    edit: Neeeaavverrrminddd..... I was a total noob at php when i posted this and I needed help doing
    something with bbcode in php and didn't really know what I was saying.. /blush.gif"
    style="vertical-align:middle" emoid=":blush:" border="0" alt="blush.gif" /> Anyway topic
    resolved......
  22. Wanna Learn Html From Scratch - downloade an online tutorial,formatted my c: lost it forever,and FORGO (5)
    id prefer something i can download .....coz my internet connection is highly intermittant Moved
    from the Java section to the HTML section. ...
  23. Ok Background Help Please - html (4)
    OK so i've given up on the paint for background now how would i get it to look like this
    http://img.photobucket.com/albums/v614/Dj1.../background.jpg without using paint and without it
    coming out to look like this... http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg like,
    with just html code, not trying to use paint and do the BS any ideas?...
  24. Html Question Concerning Pre Tag And Code Tag - (8)
    My question is, why would anyone use the CODE tag when you can use the PRE tag? 1. The PRE tag
    recognises white space, the CODE tag does not. 2. The CODE tag requires that you escape some
    chars, the PRE tag does not. I cannot see anything that the CODE tag achieves that is special apart
    from sounding as though it is perfect for displaying code which IMO it is not. Thanks. ...
  25. Some More Help With Html - (2)
    Ok so yet again i need some help i have this so far: CODE <html> <head>
    </head> <BODY BGCOLOR="black" TEXT="white" LINK=#XXXXXX
    VLINK=#XXXXXX> <body> <center><h1> Pearl
    Harbor</h1></center> <hr> <p> <a
    href="http://photobucket.com" target="_blank"><img
    src="http://i173.photobucket.com/albums/w59/tuhyd/pearlharbor.jpg" border="0"
    align=right alt="USS Arizona "></a></right> <a ...
  26. Html Help - (6)
    ok so i need help again i was wondering how i can make a navigation bar that looks like this
    Free Website Templates <!-- Start of Page Menu -->
    Information Slide Show Pictures title="Time Line"> Time
    Line <!-- End of Page Menu --> Im having a problem putting
    the names of things that i want to go in those four boxes i tried to put in names but it didnt show
    up so i was wondering if anyone could give me some help...
  27. Help With Html - (11)
    Ok so i just started learn html about a couple of weeks ago and i make a background image using this
    code: CODE <style type="text/css"> body {
    background-image:url("http://img.photobucket.com/albums/w59/tuhyd/backgrounds.jpg
    4;); background-repeat: no-repeat}</style> and i am having trouble putting my
    text on the top in the center becasue my links are on the left every time i try and move the text up
    it moves the links down and separates them and i don't know what to do. added code tags.
    please use appropri...
  28. How To Display Php Code [resolved] - Html Help With Php Codebox (8)
    I'm trying to make codebox for my guestbook so that users can post PHP code inside.. I tried
    many versions but none of them works If i use , or i can display HTML code, but when i try to
    write PHP code it executes it does not display.. There is a way to make swap for You have codebox
    in forum to display php how can i make that?! thanks...
  29. Transparent Roll Over Pictures - Whats the code for tranparent pictures (4)
    I dont want just transparent pictures i want a sort of rollover image. I see this done on myspace a
    lot. A transparent picture that when you roll over is less transparent. I want that for my site. Go
    to: http://boozkerstweaks.trap17.com/tutorials...ws_to_vista.php And look at the thumbnail at
    the beginning. I want that to be a transparent image that when you roll over it, it becomes less
    transparent. Ive seen this in HTML and CSS. Either way is fine with me. I looked on this site and
    google, but never really found what i wanted. Almost everyone was only how to make ...
  30. Help With Website Layout Correction For All Browsers - Page gets larger on Firefox 2 (4)
    If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
    is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
    i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
    only 3 errors and all these problems still occured. You might find more now though because i am
    screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
    click on the pulldown menu and click the only tweak avaible at the moment the pag...



Looking for code, table, layout, html, needed

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for code, table, layout, html, needed

*MORE FROM TRAP17.COM*
advertisement



Code For This Table Layout? - html help needed



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE