HTML - Centering Text On Image In A Table

Hi. I can't remember how to center a table to the center of the page. Here is my current code:
HTML Code:

<table style="width: 66%" >
			<tr>
				<td class="style4">
				<a href="http://au.youtube.com/user/bombardieraddict123" style="color:white" class="style5">
				Bombardieraddict123</a></td>
			</tr>
			<tr>
				<td style="background-color:white">More Information Will go here</td>
			</tr>
		</table>

I want it to be centered in the middlof thepage. How can I do that?
thanks

How do you center the title in a table.
Code:

<table>
<th>Monsters</th>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

I have a mobile application and the text is top aligned in the Blue division rather than centered:

<div class="header">
<span style="">TREO 600 LITIGATION</span>
</div>

Not sure what to put in the Span tag.

.header {
height: 2.0em;
background-color: blue;
text-align: center;
color: white;
font-weight: bold;
}

And I am viewing this as a Mobile application on an iPhone.

Todd

Im trying to center and justifty text on my website and really stuggling with it. Any help is appreicated!!

Thanks Dave

Hi guys,

I'm rather a n00b at html, and I'm sort of learning as I go while I help fix up a site that wasn't updated since 2006.

I'm setting up a "Contact Us" page, and are rearranging the staff photos so that the CEO is in his own seperate table, up the top, and in the centre of the row. Then, below him, I'm hoping to put his secretary, the treasurer and the marketing person. The managers need to go under them, and work downwards. At the moment, here's what I've got:

Code:

<table border="1" width="100%">
  <tr>
    <td width="33%">
    </td>
  </tr>
<tr>
   <td width="100%">
    <dive align="center"><img src="xxxxx.gif" width="165" height="147"></div>
   </td>
  </tr>
  <tr>
   <td width="33%">
     <div align="center"><a href="mailto:xx@xxx.xxx">Xxxx Xxxxx - Chief Executive Officer</a></div>
  </tr>
</table>

.

The table below this is rather severely outdated, and I haven't done much work on it, so there's not much point posting it here. The problem is that the picture of the CEO is left-justified in the cell, rather than being right in the (horizontal) centre of the page.

Any ideas?

Thanks a lot guys.

Cheers,
Franklint

I don't know if this should really go in the css forum or here, but here it is. The page in question is at the following link:

http://www.sikaband.com/archives/new/index.html

and the css file being referenced is:

http://www.sikaband.com/archives/new/blackstyle.css

Viewing the page in Firefox, the links in the navigation bar are centered the way they ought to be. Safari for some reason shunts the text off to the right a good ways. When I put a visible border on the div in question, I can see that the div itself is aligned properly, it's just the text inside that's off. I'm confused.

So I have a table:

HTML Code:

<table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0">

...

</table>

I want to have the table be both horizontally and vertically centered in the browser window... How can I do this. I've looked at all sorts of html and css methods, but nothing has worked yet!
Thanks

Hi.

I can't figure out how to have all the tables on my site aligned to the centre yet have the text in them aligned to the left. In other words I want 2 margins either side of the central body of my site. How can I do this?

Thanks.

I have a web page that I had to convert from a .psd file to an html and I'm not able to center a submit button and the text field next to it. I've tried various alignments but I'm also limited by what I can do because when you convert from .psd to html the entire page is one form. I don't have an external link but I'm able to provide html if necessary. Can someone please take a look at my code and offer some suggestions?

Thank you

Doug

I would like to center three button images under an image. In the old day we would put our text into the image and create a two-row table, with the top row having one cell three columns wide and the bottom row having three cells.

I have tried making my image with three uls with background images under them, but of course I can't force the full image to show since my content doesn't take up the full space.

I am currently putting things in a table, just to make the full image show, but I feel like I'm still doing things old-school. Is there a newer, spiffier way to do this?

table {
width:780px;
font-size:125%;
padding:0;
overflow:hidden;
}
td {
width:254px;
height:60px;
background-repeat:no-repeat;
background-position:top left;
background-image:url(images/navbackground2.png);
padding:0 0 0 20px;
}

Also my images won't justify. The space between the cells seems predetermined no matter what I futz with and there's a space to the right of the last image that I don't want.

Finally, is there a way to put all three background statements into one code? (I know that's a CSS question, but I don't want to cross-post.)


Elisabeth

Hi all
i have been trying to center a group of four images using html.
the code is:
PHP Code:
<img src="tennis.jpeg"align="center"width="100" height="100" title="Equipment needed for playing tennis." >
    <img src="snooker.jpeg"align="center" width="100" height="100" title="Snooker table within a snooker club where you play the sport ">
     <img src="Golf.jpeg" "align="center"width="100" height="100 title="The Famous last hole on the old corse St Andrews">
     <img src="Badminton.jpeg"align="center" width="100" height="100" title="Equipment needed for playing Badminton"> 


some how its not quite right any ideas where im going wrong?

TI AV.

Gaz.

I tried every code I could find, but warning, I'm still new to HTML. This is my table code for now. I need the first row image to be centered. When i view it in a browser it is aligned to the left

<table style="width: 635px; height: 900px" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="width: 600px; height: 600px;" colspan="6"><img alt="" src="breakfast1.JPG" /></td>
</tr>
<tr style="height: 100px">
<td><img alt="" src="bthumb1.JPG" /></td>
<td><img alt="" src="bthumb2.JPG" /></td>
<td><img alt="" src="bthumb3.JPG" /></td>
<td><img alt="" src="bthumb4.JPG" /></td>
<td><img alt="" src="bthumb5.JPG" /></td>
<td><img alt="" src="bthumb6.JPG" /></td>
</tr>
<tr style="height: 100px">
<td><img alt="" src="bthumb7.JPG" /></td>
<td><img alt="" src="bthumb8.JPG" /></td>
<td><img alt="" src="bthumb9.JPG" /></td>
<td><img alt="" src="bthumb10.JPG" /></td>
<td><img alt="" src="bthumb11.JPG" /></td>
<td><img alt="" src="bthumb12.JPG" /></td>
</tr>
<tr style="height: 100px">
<td><img alt="" src="bthumb13.JPG" /></td>
</tr>
</tbody>
</table>

I have the following HTML:

<table id="TextArea1">
<tr>
<td valign=top><img src="Images/AllProducts.jpg" alt="All Products" align=center></td>
</tr>

The image is placed at the top left corner of the table using the:

valign=top

Then, I want to center the image horizontally within the table using:

align=center

But, this markup is ignored. I have tried all the values for "align" and:

align=right

is the only one that works.

What do I need to do to get this to work?

Thanks.

I seem to be having trouble. I centered the main image fine but when it comes to centering the background image (http://www.leeryan.fan-sites.org/trylayout/back.png), i can't seem to work out what to do.

http://www.leeryan.fan-sites.org/trylayout/header.php

If anyone can help me out i would appreciate it...I hope i have posted this in the correct place...This is all the coding i have that seem to be to do with the back.png don't know if that helps, i'm not very good with this sort of thing.

Code:

<body topmargin=0 leftmargin=0 background="back.png">