PDA

Click to See Complete Forum and Search --> : tables problem

css5
04-10-2004, 08:21 AM
I'm having a problem with two things on this table:

1. there is a white space at the top of the table that should not be there, can't figure out why it is there.

2. the right hand photos are being pushed down below the large photo - I want it to line up with the large photo.

I can't get this thing to work.

Thanks in advance.
Khalid Ali
04-10-2004, 09:35 AM
have you tried using css property for cells
vertical-align:top
?
css5
04-10-2004, 09:42 AM
No - I'm not well versed in CSS - usually just use it for text, links and such.

Would I have to redesign the whole table?

What would I put in the global stylesheet and how do I reference it?

Thanks.
Khalid Ali
04-10-2004, 09:47 AM
you can try using it inline and if that solves hte issue on hand then you can always create a generic CSS file to be imported into all of your pages
For now add this in the td elements

style="vertical-align:top"
css5
04-10-2004, 10:00 AM
Where do I reference the CSS? Can I put it in my global stylesheet?

Thanks.
Khalid Ali
04-10-2004, 10:15 AM
there are 4 br tags in the div tag in the TD that holds 3 images.remove that and the images should be aligned.

However,there is allots that can be done to clean up your html
css5
04-10-2004, 10:18 AM
yes - that fixed it, I know my html is sloppy - doing this in golive right now, but will clean it up a bit later.

thanks for the help.
Khalid Ali
04-10-2004, 10:21 AM
my pleasure - glad to be of help

;)
ray326
04-10-2004, 12:44 PM
Khalid is obviously a member of the Psychic Friends Network.
Jona
04-10-2004, 02:20 PM
Originally posted by css5
No - I'm not well versed in CSS - usually just use it for text, links and such.

If I may say so, (and if I may not, I will anyway), you should be using CSS for your layout, as well as for "text, links, and such." Why? Because the WCAG 1.0 (http://www.w3.org/TR/WCAG10/) states that using tables for layout is inaccessible [priority 2]. Not only that, but your site can end up looking a million times better if designed properly in CSS code. You have less HTML code, and you can completely change the layout of the site by simply changing the CSS code. See the CSS Zen Garden (http://www.csszengarden.com/).