HTML - Table Won't Left Align

hi i'm new to htm, infact new to making websites at all.

i spent ages writting an intoduction, but some one deleted it.

i have started writting my first HTML page :

http://normington.superfreehost.org/...age%204.1.html

so far it's just some embeded movies from youtube.

my first problem is that i want to align text to the left of the video and centered vertically.

my second problem is that when i view the page source through mozilla i find some extra text that i cant see if i view the page in wordpad.

"<!-- Paste this code into the body section, not the head section of the page -->
<script type="text/javascript"><!--
ch_client = "b0redum";
ch_non_contextual = 0;
ch_keywords = "tech,free";
ch_linkStyle= "style3";
//--></script>
<script src="http://scripts.chitika.net/static/linx/chitika_linx.v3.js" type="text/javascript">
</script>
<div id="PaypopupStartCode" style="display:none">
</div>
<script language="JavaScript1.1">
if (typeof(paypopupScriptStart) == 'undefined') {var paypopupScriptStart = false;}
if (!paypopupScriptStart) {
document.write(unescape("%3Cscript")+' src="http://www.bu520.com/popup.php?'+(new Date()).getTime()+'&id=azzamartin&pop=enter&t=1&subid=107931&blk=1&fc=-1"'+unescape("%3E%3C/script%3E"));
paypopupScriptStart = true;
}
</script>
<noscript>
</noscript>"

what does this text do, and how do i move it?

any advice about my page would be apprichiated, items to add etc,
the next thing i want to do is make a comments page.
is this an easy thing?

thanks for your help,
Normington.

I would like to know if there is such a thing as a tag within a table, that can collapse if the next table within that prior one gets too big to center?

Here is an example of a part of my code:

Code:

      <table style="width:757; border-style:solid; border-width:thin; margin:0 0 15px 0">
       <tr><td class="spb-category" width="750" style="text-align:left;" colspan="3">Title of this category</td></tr>       
       <tr>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=103">large size book title with author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=187">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=197">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>        </td>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=101">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=188">small sized book</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=120">Medium sized boot title</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>        </td>
        <td valign="top" width="33%">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td width="100%" onmouseover="this.style.background='#ddddff';" onmouseout="this.style.background='#ffffff';"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="spb-book"><a href="product_info.php?products_id=102">a very long title of a book which includes the author</a></td></tr><tr><td class="spb-author">Author</td></tr></table></td></tr>
         </table>
        </td>
       </tr>
      </table>

1. I want to center each column so that the first letter of each book title is lined-up, but that the longest title on each column has equal space on both left and right.

2. If you look at each column, the width is about 245px. With regard to the first book title in the first column, I have 50px that is extra, therefore I'd like to automatically add 25px to the front of each one of the books for that column.

3. On the second column, there is about 80px extra, therefore I'd like to auto-add 40px to the front of each book in that column.

My problem is that I don't want the column centered individually because then I will lose the straight line that I'd like each book to be on top of each other as it starts the line.

I tried:
style="margin-left:20px"
and
style="padding-left:20px"
but when the title got too long it would not auto-collapse the left side, I want it to collapse!

I want one tag that I can insert evenly on every section to get the push to the right an even amount of spaces for every book on each column.

If it comes down to it, I wouldn't mind sacrificing that each column gets auto aligned to what is necessary for its own column. So if I have to use one number, say 30px, for the whole webpage, then ok, I'd do it.

My problem is that sometimes the 30px empty filler space for the left, in order to push the title to the right, is not enough space for a very long title and it winds up sending half the title to the next line, which I don't want.

This code is a list of books that spans about 20 categories and about 400 book titles.

Thanks in advance for any help you might offer.

Hi there,

Using fireFox I get the desired result, but when using IE I get the image on the *left* side?!

this is my code (the header is a jsp page that has an image and user's info name and last logged in))


<td width="90%" valign="top" align="right">
<tiles:insert attribute='header'/>
</td>


as you can see the image (header) is align to the right, but IE pushes it to the left (I wrote center - and it still keeps on pushing it to the left) any idea why??

Please help anyone...

even though they appear normally aligned and centered from inside DW all my table are aligned left when previewed in a Firefox. It's all good in IE.

Have spent half of a day trying to figure it out

<table width="527" height="2180" border="1" align="center">
<tr>
<td><span class="style23">xxxxx</span></td>
</tr>
</table>

I doubt that this means much but here is one of the tables.

If it means something, this started to happen when I had to put a whole book online for one of my customers that had problems downloading it. So, in the process I copy/pasted from Word to DW. I had to do it. I know that these kind of things can sc... everything up so I made sure that I first cleared all the formatting from Word.

So, I'm in a pickle now...

Okay so I'm making a mock up sign in and log in page and this is what I want to happen but since it only has 2 columns, the log in page gets drag on the middle. i want it to look like this:

Hi guys,

I am building web for friend and I have problem with aligning my div table on my sidebar. The sidebar needs to be on top of the page and i can't get it up there

here is the website: herehere
and here is my html where you can see how i have set up the divs : herehere

If you can help me that will be grate.

I NEED HEEEEEEELP

Thanks

I need 2 to go to the top like 4 is, and then 1 to go right below 2, etc.
Photo below.

If I have a table that has 2 columns and the second column has 1 row (rowspan="2") and the first column has 2 rows, how can I keep the rows in the first column aligned top regardless of the height of the second column?

Thanks~

http://sugarbat.org/plugboard

The table wont align with the image. Why?

I have a logo image and a table (being used as a nav.) I want the table to be centered vertically on the right side of the logo.

Here is what I have so far:

css:
HTML Code:

body	.logo	{position:absolute;
}

table	{width: 65%;
		margin: 20px auto 0px auto;
		border-bottom: 3px solid #3399cc;
}

html:
HTML Code:

<div>
	<div id="Drafting & Design Logo" class="logo">
		<img src="menu/Logo.png" height="155" width="139">
	</div>
	<div>
		<table>
			<tr>
				<td width=18.3%><a href="#" id="drafting" target="_new" /></td>
				<td width=25%><a href="#" id="programming" target="_new" /></td>
				<td width=18.3%><a href="#" id="resume" target="_new" /></td>
				<td width=18.3%><a href="#" id="contact" target="_new" /></td>
			</tr>
		</table>
	</div>
</div>

I want the entire thing centered in 65% of the browser window. Right now the image off to the left and the table is centered. When I change the margins on the image it doesn't do what I would like it to. Also, the reason I don't add it to the table is because I want to have a line under the nav bar stopping at the logo.

Any help would be greatly appreciated.

Ok, i have a table and there two images in two different frames next to each other. Sence one is taller than the other, the smaller one is centered in the middle of the <td>

I want to have the tops of the images aligned, do you know how to do that?

I wanted to create 2 tables side by side with each other to form 2 columns. What I did was nested 2 tables into 1 table. However when I did this the text of one table is aligned halfway down the column. I tried aligning it to the top but it just stays there. Any idea what the issue is here. I have attached a picture and the source code to show what's going on here. Any help is much appreciated.

Jesse

I have a table that is saved from Photoshop.

It's a table with a load of cells inside.

How can I vertically center the table? Not its content, I mean the actual table itself so it centers itself no matter the resolution of the screen it's being displayed on.

Thanks,
Simon

Hi All,

Am a bit of a newbie here. I'm having a little problem with a table that I created on Wordpress. After creating the table, the image below shows how it looks like on the Wordpress editor:



But, once published, the row alignment is a bit off. Here's the url: http://runfest.my/?page_id=346

Appreciate some advice on what went wrong and how I can fix it. Thanks a bunch!

I apologize if it is improper protocol to post a link rather than the actual code but since View>Source exists for seeing both the html and css code and there is a fair amount of code...here is the link: http://nicolemuller.com/IMS/FINAL/ne...al/signin.html

I don't know what I'm doing wrong but I cant get all the elements in the 2 rows to align and center with the rule of the menu strip. Any help would be great-thanks!