[HTML] Text horizontally centered in <td>

[Illusion]

I sliced an saved my layout and all that, then i changed all the sliced from

<td>
<img src=images/my-image.png>
</td>

to

<td background="images/my-image.png" width="140" height="552">

so i could put text over it.

But the text got centered horizontally when the code is like this:

       <td colspan="3" width="626" height=552 background=images/content.png>
this is my text
            </td>

But it goes up when i write more under it:

        <td colspan="3" width="626" height=552 background=images/content.png>
this is my text
<br>
and this is my second text!
            </td>

What's wrong and how do i fix it?

[MentaL]

[EliteGM]

add valign="top" to the TD tag. (<td background="blalba.jpg" width="626" height="552" valign="top">
That does it !
Can also add style="text-align: center;" but that's just for centering txt.

Adding some padding isnt bad too, I use style="padding: 10px;"
Then if you have long senctences you will not go over the edge of the image.

USE " IN YOUR TAGS! NOT JUST I.E: width=682 ; use width="682"

[Illusion]

Okay, thanks allot!

[foxx]

Be clever, learn css.

#shit {
width: 626px;
heigh:552px;
background: url('../images/content.png');
padding: 10px;
}

#shit p {
font-family: Arial;
padding: 0px;
margin: 0px;
margin-left: 220px;
}

<div id="shit">
 <p>this is my text</p>
 <p>and this is my second text!</p>
</div>

[Monsta.]

Well, Foxx123, what does <p></p> do?

I'm having trouble with it :|

[EliteGM]

<p></p>
Use this then you don't need
Line1 <br />
Line2 <br />

The P stands for 'Paragraph'.

[Daevius]

Yep, it's actually 'forbidden' to use <br>'s just for seperating / padding 2 elements vertically. One should use a <p> tag with top and bottom paddings.

You might want to try and get rid of the whole table, and use CSS like explained here: http://www.htmldog.com

[EliteGM]

Tables are the 'lazy-mans' way of doing a web imo.
But the simplicity makes me use it.

Tables arent that bad imo, just DIV's are best =0

[s-p-n]

Tables are the 'lazy-mans' way of doing a web imo.
But the simplicity makes me use it.

Tables arent that bad imo, just DIV's are best =0

eww I never want to hear that again..

Tables are dominate over DIVs in almost every way..
DIVs suck. They're too unpredictable :l They appear in different places all over the screen on different browsers. The least admin-friendly way to display text I've ever used! and I still use divs just only when I need them..

[Daevius]

eww I never want to hear that again..

Tables are dominate over DIVs in almost every way..
DIVs suck. They're too unpredictable :l They appear in different places all over the screen on different browsers. The least admin-friendly way to display text I've ever used! and I still use divs just only when I need them..

Then you need to learn to use CSS properly. I never had this problem, it looks the same on every browser, with the exception of IE sometimes, but there is always a fix for that. Tables are for tabular data, not layout or positioning.

[foxx]

Tables are the 'lazy-mans' way of doing a web imo.
But the simplicity makes me use it.

Tables arent that bad imo, just DIV's are best =0

Tables are for those who can't code and uses photoshop to code for them..

[EliteGM]

I disagree.

Yes, you can use tables when Photoshop slices your images into them.
But you can also code them.
They make a working lay-out.
Better something then nothing.

[Daevius]

I disagree.

Yes, you can use tables when Photoshop slices your images into them.
But you can also code them.
They make a working lay-out.
Better something then nothing.

Yep, it works with tables, but that doesn't mean it's the right thing to do ;). I can hit a fly using my mobile phone...it works, but it's not meant for it ^^.

I do agree though, that some things are not possible with CSS, and require tables. HTML is so messed up these days...there should come a new way of making webpages.

[s-p-n]

Then you need to learn to use CSS properly. I never had this problem, it looks the same on every browser, with the exception of IE sometimes, but there is always a fix for that. Tables are for tabular data, not layout or positioning.

oi.. Well you admitted that divs can't be used for everything tables can be used for.. So I'll say that DIVs are good because of the Z axis.

But I don't like them because of my lack of knowledge about DIV tags, not CSS.. I think I know CSS very well. It's a stylesheet, and CSS has gotta be the simplest thing before databases..
In fact, I know the person who has the centering problem can fix his problem by typing a very simple CSS:

.tableDisplay {
text-align: center;
}

and attaching it to a div or table.
I also know he can do this:

<td align="center"> text</td>

but the problem is most likely that he has a <p> or <span> tag around his text with the align="left" on it, so it probly won't work anyway..

Which brings in yet another option:

<p align="center">text goes here</p>

[Daevius]

oi.. Well you admitted that divs can't be used for everything tables can be used for.. So I'll say that DIVs are good because of the Z axis.

But I don't like them because of my lack of knowledge about DIV tags, not CSS.. I think I know CSS very well. It's a stylesheet, and CSS has gotta be the simplest thing before databases..
In fact, I know the person who has the centering problem can fix his problem by typing a very simple CSS:

.tableDisplay {
text-align: center;
}

and attaching it to a div or table.
I also know he can do this:

<td align="center"> text</td>

but the problem is most likely that he has a <p> or <span> tag around his text with the align="left" on it, so it probly won't work anyway..

Which brings in yet another option:

<p align="center">text goes here</p>

Infact, if you mean the simple CSS markup commands...yes that's easy :). But that's only one part of CSS. What I meant, with CSS, is the use of DIV's and CSS commands to create a layout ;). I thought I knew CSS aswell...till I discovered the use of DIV's ^^.