Cell Align..

kiwis

How do I align something to the top left of my table cell in CSS???

Krik

.mytdcell {
    text-alignment: left; 
    vertical-align: top;
}

That will work for text. But for objects like an image or div

.myimg {
     position: relative; 
     top: 0px;
     left: 0px;
}

kiwis

how about an image being top center?

Krik

If it is a background image use

.myimg    {background-position: top center;}

else use

.myimgdiv    {width: 100%; margin: 0 auto;}

and put the image in a div or some other block level element.

And the second one nobody in their right mind would have guessed.

kiwis

how about other things such as another table inside this table... how to i get that that sit at the top?

Weedpacket

Nested tables? Are you using tables instead of CSS for layout? Anyway; try Krik's suggestion:

Krik wrote:

else use

.myimgdiv    {width: 100&#37;; margin: 0 auto;}

kiwis

Weedpacket;10907822 wrote:
Nested tables? Are you using tables instead of CSS for layout? Anyway; try Krik's suggestion:

Well yeah, tables to set it up and then to insert codes into cells with other test etc...

how else do i do it? with div??? how do i get something to line up with this with different screen sizes etc?

Weedpacket

There are lots of resources, references, and tutorials out there. I like getting ideas from http://www.cssplay.co.uk/ myself (note, there is one <table> on the front page of that site - it's the one that contains a table).

The idea is: HTML for content, CSS for presentation; layout is a part of presentation.

NogDog

For some more examples of table-less layouts: www.csszengarden.com (every layout uses the same HTML mark-up which is devoid of tables. This is one of the benefits of this approach: you can make radical changes to a site's layout by only changing one CSS file and never touching the HTML (assuming the HTML has enough "hooks" -- class or ID attributes in applicable HTML elements).

kiwis

are tables bad?

Weedpacket

Tables are for tables; that's why they're called tables.

I stumbled on this article recently (not incidentally, this page has no tables in it - because there are no tables in it).

NogDog

A classic article on the subject: "Why tables for layout is stupid: problems defined, solutions offered"