Andy Dingley <di*****@codesmiths.com> wrote:
christopher wrote:
can someone look at http://christopherpisz.freesite.us/tester/layered.html
Find some basic CSS tutorials, but _good_ ones with decent technical
content (bluerobot ?). Forget "trying to make a particular layout" for
the moment, just try and make something that's "two columns, with a
menu" or similar and get that working first. This isn't actually that
easy to do really well, from scratch, so take a working existing
version and modify it to suit.
Dump the <table> You've done this now - good move.
Dump absolute positioning in CSS, especially by setting things in pixel
units. It's not robust with different text sizes, so use ems or %
instead.
Don't use repeated whitespace or repeated <br> to try to control
layout.
Start thinking about "fluid design" and what your site would loook like
through a non-desktop screen (mobile phone, games console etc)
Christopher,
What Andy said.
We don't really know what "problem" you're trying to solve (in the
larger sense, I mean; your smaller question is clear). But your page is
messy and unclear, and that's before you put any actual content on it!
Simplify your life. I mean, when you look at the source, and locate the
fourth </tr> from the end, how long does it take to figure out which
table row it closes off? And next, what does that table row *represent*?
The simple, explicit answer to your simple, explicit question (and I
hate to tell you this, because you might ignore Andy's wise advice) is
that alignment in a table cell defaults to middle. Your cell to the
left, the one with kkkkk and the year's supply of dots, is aligned the
same way. So, you'd get closer by setting valign="top" on the right
cell, but I join Andy in suggesting you not waste time doing this.
(You'd next notice that it STILL doesn't line up, because of your 60px
margin. Etc.)
Go back. Simplify your life. Think about what the content is, and the
look you'd prefer to suggest for it. Probably, a table is not part of
the best answer. And finally: good luck!
John
