HTML - Aligning A Table At The Top Of A Page

Hi, I'm needing to align an html table with x and y values. However, I've never done this before, where do I need to put the values in the code? Thank you!

Im hoping someone can help me out on this one

im just getting back into coding so im a little rusty but i am somewhat stumped by this issue

i have a table that the text refuses to align to top middle unless its divided up into a new cell. The best it will do is align middle left of the cell but refuses to go to the top.

The site that it is on with the issue is www.gamersjoy.com

the table in question is the center table with updates, as you can see everything is pushed halfway down and aligned to the left

Any help would be greatly appreciated as it is slowing me down from finishing my project

thanks in advance

Tcanuth

hey,
simple question here i just cant get it to work though.
i want to align some text to the bottom and to the right of a table

<table width="100%" cellspacing="0" border="0" cellpadding="18" height="75%">
<tr>

<td bgcolor="000000" width="10%">
<img src="graphics/spacer.gif" width="100" height="1">
</td>

<td bgcolor="ffffff" width="90%" valign="top">
<h2>Welcome to the Darwin Soccer Clubs Official Website</h2>
<hr color="black">

<p>Here we strive to bring you all the latest news from the club by
keeping you updated on the results from all our games throught out
the season, the roster so you will never forget when your teams, where
your teams playing and who there playing.
<br><br>
Also check out the new <a href="p4potw.html">Player of the week</a>
page to see if you have made
it to number one!</p>

<p align="right" valign="bottom"> THIS IS THE PART I CANT GET TO WORK</p>
</td>

</tr>

i dont no why.. and try not to think about the other writing in the table this is for
my studies i am doing.

cheers
</table>

Hi. I'm working on a fairly complicated web form and need to align input boxes horizontally across a lefthand column, a multi-row nested table, and a righthand column. This works OK (as long as cellpad and cellspace are set to 0) except that at one point I need to put text in the right-hand column instead of an input box, and this throws the alignment out. The simplified code below shows what I mean. As given below the boxes are aligned properly. But if you comment out the version A row and substitute the version B row, the alignment goes.

Can anyone explain why this happens, and whether there's a way round it ? The form in question does have to be a table, by the way. Would be grateful for any suggestions !

Thanks

Dedge

<form>
<table width='100%' cellspacing='0' cellpadding='0' border='0'>
<tr>
<td>Item name</td>
<td rowspan='5'>
<table cellspacing='0' cellpadding='0' border='0'>
<tr>
<td><input name='i1' id='i1' size='1' maxlength='1'></td>
<td><input name='i2' id='i2' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i3' id='i3' size='1' maxlength='1'></td>
<td><input name='i4' id='i4' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i5' id='i5' size='1' maxlength='1'></td>
<td><input name='i6' id='i6' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i7' id='i7' size='1' maxlength='1'></td>
<td><input name='i8' id='i8' size='1' maxlength='1'></td>
</tr>
<tr>
<td><input name='i7' id='i7' size='1' maxlength='1'></td>
<td><input name='i8' id='i8' size='1' maxlength='1'></td>
</tr>
</table>
</td>
<td>Item name</td>
<td><input name='ia' id='ia' size='1' maxlength='1'></td>
</tr>
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ib' id='ib' size='1' maxlength='1'></td>
</tr>
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ic' id='ic' size='1' maxlength='1'></td>
</tr>
<!--VERSION A-->
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ic' id='ic' size='1' maxlength='1'></td>
</tr>
<!--END OF VERSION A-->
<!--VERSION B-->
<!--<tr>
<td>Item name</td>
<td colspan='2' align='right'>SOME TEXT</td>
</tr>-->
<!--END OF VERSION B-->
<tr>
<td>Item name</td>
<td>Item name</td>
<td><input name='ie' id='ie' size='1' maxlength='1'></td>
</tr>
</table>
</form>

Hi, I am new to web design and am trying to design company website without using a site builder. I have built up my container with 3 boxes inside. In the largest I want text on the right and a 1 column 2 row table on the right - to be adjacent to each other but I can't get it to work. I don't want the text to wrap around the table. Please help.

Hi,

How do I get my table to be flush with the top and sides of the screen? Currently there is a spacing in automatic between.

Thanks

Okay, I dont want to align text or an image. I want to align my whole page. My page is all the way to left and I want to center it to the middle.

Help! Some pages of this site are not aligning in Firefox. Please see this link http://www.ntcmc.com/news.html . If you view in FF and in IE you will see the difference. The white space below the navigation and above the text in lower left of page should not be there. Any idea why it is displaying incorrectly? THANKS!

Hi Everyone

Im new to this, and trying to build a website to show my artwork for college. Its a requirement for my degree course in London and I have been trying for ages to centre align a fade in/fade out image with code I found.

I don't know if this the correct way of showing my code which you all probably understand way better than me, but I'll paste it below.

Also the link where the page is online at the moment is here, It kind of aligns centre in Safari but not on an iPad or in Firefox etc.

http://dl.dropbox.com/u/30918322/NEW...%20SITE/1.html

Your help would be really greatly appreciated!

Many Thanks

Alex Wood
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>

<title>Alex J Wood</title>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>

<script type="text/javascript">

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow DIV.active');

    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

    // use this to pull the divs in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow DIV:first');

    // uncomment below to pull the divs randomly
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

</script>

<style type="text/css">

/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:400px;
	font-family: Arial, Sans-serif, sans;
}

#slideshow DIV {
	position:absolute;
	top:0px;
	left:3px;
	z-index:8;
	opacity:0.0;
	height: 400px;
	background-color: #FFF;
}

#slideshow DIV.active {
	z-index:10;
	opacity:1.0;
	text-align: center;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 350px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.hh {
	font-family: "American Typewriter";
	font-size: 18px;
}
.klk {
	font-family: "American Typewriter";
}
.klkggh {
	font-size: 28px;
	color: #900;
}
a:link {
	color: #900;
	text-decoration: none;
}
a:visited {
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: underline;
}
a:active {
	color: #900;
	text-decoration: none;
	font-size: 36px;
}
.rtrt {
	color: #006;
}
.fgfgg {
	text-align: center;
	position: absolute;
}
</style>

</head>

<body style="color: #006; font-style: normal; font-size: 36px; font-family: 'American Typewriter'; text-align: center;">

<!-- this will work with any number of images -->
<!-- set the active class on whichever image you want to show up as the default 
(otherwise this will be the last image) -->

<p class="klk">Alex J Wood</p>
<p class="klk"><span class="klkggh"><a href="index.html">ENTER SITE</a></span></p>
<table width="44%" border="0" align="center">
  <tr>
    <th width="25%" scope="col">&nbsp;</th>
    <th width="16%" scope="col"><div id="slideshow">
      <center>
        <div class="active"> <a href="index.html"><img src="image1.jpg" alt="Not A Nugget" align="middle" /></a> <span class="hh">Not A Nugget |2012</span></div>
        <div> <a href="index.html"><img src="image2.jpg" alt="Not A Nugget" /></a> </div>
      </center>
    </div></th>
    <th width="59%" scope="col">&nbsp;</th>
  </tr>
</table>
<center>
  <div align="justify"></div>
</center>

<p><a href="index.html" class="rtrt">[url]www.Alex[/url] J Wood.co.uk</a></p>

<p>&nbsp;</p>

</body>
</html>

i have used the iframe to locate the third party web site into my site, but i couldnt align the 3rd party's site as my wish. i.e:-If want to hide advertisements those are in the top margin on 3rd party, wat do i wanna do.i'm new to this. plz help me.
thanks

Hi guys
I've spent the best part of two hours attempting this and have been failing. Miserably.

What I'm trying to do is NOT to create a body background, but create an image, which will sit at the bottom of my browser window, regardless of it's size, and then go BEHIND other elements such as tables / images if my browser window size causes overlap.

All help appreciated, thanks in advance.
Antonz

Hiyas, well I am trying to make an html website, and I got two things I trie to add to my page. One is a shoutbox using direct link code, and in the preview it displays fine, and works fine. Another is a teamspeak launcher I made, just a link and an image. I align one to the right the other to the left, and that works. The problem is, that the one on the right is level with the bottom of the shoutbox on the left, whereas I want them to be a part of two side columns eventually, where they are both the same length etc, not all uneven. Here is my preview page:
http://i116.photobucket.com/albums/o...Untitled-1.gif

I hope you see what I mean. Please help me, as I need this website online ASAP cos me and my clan are going to some tournaments and seriously need this online.

Thanks in advance,
Ferinos

Hi,

Is there any possible to show a HTML or ASP page inside the table. I have tried with frames but i dont know how to execute exacltly.

Thanks

Hey all, me and my friend have a cleaning company and we deciced to make a webpage. It's been a good 6 years since i have worked on a website. My biggest accomplishment so far was getting the contact form to work properly on the site. It does, i feel like i've done alot lol.

Anyway, the current design is a rough layout (suggestions are welcome). It still needs a lot of little touches to make it look more "full". My biggest concern now is when your clicking from page to page the table jumps around. In firefox, the Contact Us and Services page are perfect, nice and centered. The image i'm using where the navigation buttons are is in place as well.

When you go to the other pages though the table moves a bit and it looks like the image i'm using where the navigation buttons are starts to repeat.

In Internet Exploder, everything doesn't look centered. There seems to be more space on the right than on the left, but the image i'm using for the navigation buttons seems to be fine, it's not repeating.

I dunno what's causing this. I know different browsers display stuff in different ways but i'm far from having a good understanding as to why (that's why i'm here). I even copied txt from one of the messed up pages and pasted it on one of the pages that is ok and that didn't work. I assume it's a CSS thing.

Also, try and avoid saying things like "Table designs are for teh n00bz!11!" or "This is why CSS is better than using a table design!!!". This is how i did it. Im ok with CSS but i don't have a thorough understanding of it to design an entire website using CSS. I'm hoping this is an easy CSS fix, or maybe something else?

The website is www.gocleantoday.com.

Thanks.

Hi, i'm completely new with HTML. I'm making a website for a student activity group i'm in. We chose for me, because i had a little javascript experience. Thats more than most of us.

Here goes the story. We are organizing a trip for other students. The students can enroll for the trip on the website. The form uses the following code;

Code:

<?php
$myFile = "enrollments.php";
$fh = fopen($myFile, 'a+') or die("can't open file");
$stringData ="<tr><td>".$_POST["name"]."</td><td>".$_POST["tel"]."</td><td>".$_POST["mail"]."</td><td>".$_POST["rnumber"]."</td><td>".$_POST["shirt"]."</td><td>".$_SERVER['REMOTE_ADDR']."</td><td>".date("d-m, G:i:s")."</td></tr>\n";
fwrite($fh, $stringData);
fclose($fh);
?>

Named post.php
The code results in a simple file with only <tr>info</tr><tr>info2</tr>. Another page uses the following code to show the enrollments


Code:

<table id='enrollments'><tr><th>Name</th><th>Tel</th><th>Mail</th><th>Reknumber</th><th>Shirt</th><th></th><th>IP</th><th>Time</th></tr>
<?php include('enrollments.php'); ?>
</table>

named showenroll.html


Right. So far so good. Now we'd like to show the students which are thinking about enrolling howmany other students already have enrolled. In other words, i'd like to count the number of rows in the "showenroll.html" and display that in the index.html.

Ive found trough google the var (document.getElementById('ID')). However, i'm not able to add this var to the index.html, and direct it to a element ID on another page. As most newbs would do, i've tried document.getElementById('./showenroll/enrollments')
I'm wondering if anyone could tell me how i can direct the document.getElementById to an element id that is not on the same page. And, if this is impossible, how i can make a counter of the enrollments



Drayn
p.s. ive tried to search this forum on table row counter, but it didn't provide the right solution(s?) for me.