Jump to content
Stef's Coding Community
Karen

Table Not Lining Up

Recommended Posts

Hello, everyone!

 

I'm an intermediate web designer who has been in business for over a year. I'm taking Stefan's web design course to pick up stuff I haven't learned and add to my knowledge base. This is my first post... I'm neither a beginner nor advanced, so I had a hard time deciding where to post.

 

Here's my problem: I have a page designed using CSS, but I have information that needs rows and columns, so I placed it in a table. I have checked, double checked, and everything else I can think of, up to and including deleting the table and remaking it from scratch, but some of the information is still not in line... on the top row, of course! Each cell is set up using left and top alignment, and everything looks fine in Dreamweaver, but browser previews (in several browsers) still have it out of line. Any thoughts? Is there a better way for me to organize this information? Here's the URL: http://hathawaytower.com/listings.html

 

Thanks so much in advance!!

 

Karen

Share this post


Link to post
Share on other sites

Hey, Karen!

 

I just opened it using your link, and that page, as well as the others, looks great! It's all perfectly aligned as 4 columns, with the "For Sale" and "For Rent" centered. This is a wide-screen monitor at work - could that make a difference (still learning a lot of this)?

 

Not much help, I guess, but at least you know it's working somewhere!

 

Have a great afternoon, and God bless!

 

Cowboy

Share this post


Link to post
Share on other sites

Actually the top line is not displaying correctly which pushes all the subsequent content down.

 

First of all, never believe what Dreamweaver is showing you, it is just a visual aid to help you grab hold of a tag without having to wade through the code. Believe what you see in Firefox, that will show you exactly what you have coded.

 

Re your problem, you have put a p tag within the td cell, the p tag has a top and bottom margin of 1em so it is being pushed down. Remove the p tag. To give space around the text in your table, you can add padding to the tr tag

Edited by virtual

Share this post


Link to post
Share on other sites

Dang it, virtual!

 

I got that wrong, too? Andrea's going to fire me as one of her students if I don't catch on soon.... :rolleyes:

 

Almost through fixing the errors on mine...yay!

 

Have a great day, and God bless!

 

Cowboy

Share this post


Link to post
Share on other sites
Andrea's going to fire me as one of her students if I don't catch on soon...

 

No worries, I only fire those who REFUSE to listen to anything - and even they get a few warnings, first. Just ask Mr. Sushi.

Share this post


Link to post
Share on other sites
No worries, I only fire those who REFUSE to listen to anything - and even they get a few warnings, first

Whew! I'm glad I listen to you because we are moving back to Texas come January. Getting fired and being in the same state could cause quite a ripple! :D

Edited by Eddie

Share this post


Link to post
Share on other sites

Eddie - I'm sure there's room for both of us in Texas - just stick to your side of the tracks.

 

Besides - I was talking about 'students' - you're overqualified.

Share this post


Link to post
Share on other sites

Ok..you can have south Texas and we will take the north. :D

 

It's a deal. And remember

 

 

The Alamo.

Share this post


Link to post
Share on other sites

Ah yes...the Alamo. My wife and I stayed at the Hyatt on the Riverwalk back in 2006. We are able to walk around downtown for everything except the Missions and the Market. We've been there 3 times now and we are ready to visit here again in the near future.

 

I heard they extended the Riverwalk?

Share this post


Link to post
Share on other sites

There are still working on the expansion - part is done, part is yet to come. All beautiful. I LOVE the Riverwalk.

Share this post


Link to post
Share on other sites

Thank you so much!! I have looked at it over and over and hadn't noticed that <p>. I guess you miss stuff when you look at it for too long. I found it in another cell, too, and was able to remove it. All fixed! I'm sure I'll be back here when I have more issues! Thanks again!

 

Karen

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...