Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- table row problems
April 18, 2006, 7:31 pm
rate this thread
I've been trying for days to figure out why the spacing between the
rows on the left-most column of my table is screwy. Take a look here:
Right after the graphic link that says "Study Opportunities" the
spacing between the graphics in the column starts to get wider and
wider and I can't figure out how to fix it. I COULD create a seperate
table out of the left column which would probably fix it but I prefer
not to. My entire purpose in redesigning this page was to simplify it
by taking out all of the multiple embedded tables, and style sheet
usage, and simplify it into ONE table structure and not use any CSS
styles if possible. Is this possible?
I suspect that the second column with the large graphic is what is
throwing off the row spacing in the first column although I have no
idea why it would do this. I also would like to create an empty row
after the last graphic that says "Links" so I can insert another
similiar graphic in the future, but I can't get that to work either.
Any help is much appreciated. Thanks.
Re: table row problems
A quick fix: Use nested tables. The link cells are stretching some to
fit the rowspan better. If you must abuse tables for layout, do so sensibly.
Oh, where to begin? There is so much wrong here.
Since you feel compelled to "simplify" the code, why use tables at all?
Given your design it is completely unnecessary.
Search the web for "2 column layout".
See <http://css.maxdesign.com.au/ for navigation menu ideas.
- Lots of validation errors. Most are due to using MS Word to generate the
See <http://validator.w3.org/ .
- The doctype is invalid. It is case-sensitive and you have forced it to
all lower case. And it is incomplete.
- For new work you should be using HTML 4.01 Strict. Transitional was
meant as a intermediate step from pre-v4 HTML to Strict.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- No body background color is specified. My non-white background clashes
with your color scheme.
- The main heading: Black on Dark Green? It is almost unreadable.
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Re: table row problems
FWIW, they're evenly spaced in Firefox.
Is this a joke?!
Why on Earth would you not want to use CSS? It's not as if it's going
to be too difficult for such a straightforward page layout.
And if you must insist on using HTML tables for layout, why on Earth
would you not want to use nested tables?! You mention below about
wanting to add items to the menu; by using an un-nested layout table
you're going to be fiddling about with cells and rowspans and whatnot
every time. Doesn't sound like simplicity to me; rather, it sounds
like an exercise in perversity!
Discrepancies with margins and padding? Default browser formatting not
being over-written? Table-rendering bug in IE?
Certainly, although you're probably not going to like them:
a. use an external stylesheet for your layout and formatting; and
b. turn your menu into an unordered list and style accordingly.
The second of those would allow you to quite happily add, remove, or
otherwise change your menu items without any effect on the rest of the
page. Similarly, it would allow changes to be made to the right-hand
section of the page without screwing up your menu formatting. If
you're really going to insist on using a table layout, having a nested
table for the menu should give you the same benefits, more or less.
Incidentally, the individual clip-art images that make up your
"WELCOME" montage give the impression of being links; you might want to
think about either changing that or turning them into the genuine