Solved

Creating two column tables

Posted on 2002-06-22
10
143 Views
Last Modified: 2010-04-09
I am working on creating a webpage and I want to have a two-column table on the page. I know a little bit about creating tables, so I first tried the code on my own and could not get the results I wanted. The page is hosted at geocities, so I used the GeoCities table creation wizard and still did not get the results I wanted. What I am trying to do is get rid of the big space on the left column and I am trying to the right column to align to the top. I have experiemented by changing the table width, but it still doesn't work. What am I doing wrong? The page URL is www.geocities.com/c_brookhart/goodbyemailbox/tabletest.html
0
Comment
Question by:cbrookhart
  • 4
  • 3
  • 2
  • +1
10 Comments
 
LVL 33

Expert Comment

by:knightEknight
Comment Utility
try putting this in your <TR> tags:

<TR valign='top'>
0
 
LVL 33

Expert Comment

by:knightEknight
Comment Utility
also, it looks like you have an extra </tr> tag in the middle, where you don't want/need it.
0
 

Author Comment

by:cbrookhart
Comment Utility
the valign='top' worked when I put it in the TR tag. What can I do to get the second column to move up so that is aligned with the first column and how can I get the first two lines in the second column to have more space? The changes I made are now saved in a new table. It is the same address as before except the html file is now tabletest2.html
0
 

Author Comment

by:cbrookhart
Comment Utility
I fixed the spacing problem, so the only thing left to fix is making the two columns line up.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 25 total points
Comment Utility
The problem with the alignment is that you have a line of text stuck in between
the table tage and the tbody tag:
This: <B>Nothing Good Can Last...</B>
has to be in the cell.  Just add a break to get the additional spacing:

<TD><B>Nothing Good Can Last...</B> <br><BR>2..3..4.. <BR>  etc...

Cd&
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 

Author Comment

by:cbrookhart
Comment Utility
I was able to get the table fixed. Thanks for the help.
0
 
LVL 33

Expert Comment

by:knightEknight
Comment Utility
Glad we could help!  I recommend that you split the points between us ...
0
 

Author Comment

by:cbrookhart
Comment Utility
I am splitting the points between both of you. I am currently waiting for one of the experts in the help area to reduce the points so that the split can be done.
0
 

Expert Comment

by:ComTech
Comment Utility
Hello  cbrookhart I have reduced the amount of ponts to 25 for each, and have accepted COBOLdinosaur here at the question.

You need to create a new wuestion this Topic Area called Ponits for knightEknight add in 25 points, and when her accepts, you will recieve a notificaionl.

Regards,
ComTech
CS Admin @ EE
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
Glad we could help.  Thanks for the split. :^)

Cd&
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

762 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

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now