Code For This Table Layout? - html help needed

snlildude87

Jun 3 2005, 02:08 AM

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

CODE

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

Thanks in advance!!

fffanatics

Jun 3 2005, 02:44 AM

yeah its simple

CODE

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

beeseven

Jun 3 2005, 02:49 AM

Here you go:

CODE

beeseven

Jun 3 2005, 02:52 AM

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.

Tyssen

Jun 3 2005, 02:59 AM

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.

FaLgoR

Jun 8 2005, 12:06 PM

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

snlildude87

Jun 9 2005, 07:42 PM

QUOTE(beeseven @ Jun 2 2005, 11:49 PM)

Here you go:

CODE

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!!

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;}

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

Try this one, I think it will help you

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!

Similar Topics

Keywords : code layout html needed

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......

where did you learn html from? - (84)

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?...

Help Making A Web Adress Bar Using Html/js - (9)

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!...

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  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...

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...

Applet Code - (0)

Hi There! ...

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....

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....

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...

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....

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...

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...

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 ...

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 ...

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' /> ....

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......

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. ...

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?...

Whats The Best Code? - www.bpsite.tk (31)

Whats you fav code?...

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. ...

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 ...

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 
Information Slide Show Pictures title="Time Line"> Time
Line  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...

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...

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...

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 ...

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...

My Very Sad Code - (4)

So i usually work in notepad, or frontpage but i was using dreamweaver instead because i wanted to
see the difference and i like it better than frontpage and all. But as usual i cant get anything to
work. I wanted the table to be over the images i took the table out .
http://www.indiealways.trap17.com/zooey.html is the link to the page HTML html xmlns ="
http://www.w3.org/1999/xhtml "> head > meta http-equiv =" Content-Type " content=" text/html;
charset=iso-8859-1 " /> title >Untitled Document /title > /head > body > style type =" text/css
"> body...

Html And Javascript - Not php as first indicated... (12)

Edit your ScrollBar colors Change "Your color", to color code, that u need. CODE <STYLE
type="text/css"> 
</STYLE> Insert Date Place this code between , tags CODE <script
language=Javascript> <!-- v...

Wanting To Touch Up/learn My Html Again - (26)

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...

Looking for code, table, layout, html, needed

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	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