|
HTML - Tables Messing Up
My Tables are messing up somehow on 2 pages.
This is my site: http://the1337arcade.com The site should look like the home page or when you click a game, Notice how the table is seperated into 2 <td>'s. But on the search page and the category page http://the1337arcade.com/search.php?q=ant&page=1 and http://the1337arcade.com/browse.php?...trategy&page=1 Notice how the page is now different, The left TD basically took over the whole page and pushed the other TD down. My codes: for the search page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<tr>
<td style="border:solid black 0px;" width="650px" valign="top" colspan="2"><h1>Search Results for '<?= $search_term; ?>'</h1>Page: <strong><?= $page; ?></strong> of <strong><?= $total_pages; ?></strong> | <strong><?= $total_num; ?></strong> Games Found<br></td>
</tr>
<tr>
<td colspan="2" class="page_nav" align="right">
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
<?php
// >> If games to show
if($search_count > 0 && !empty($search_term)) {
// $counter = 1; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_array($do_sql)) {
?>
<?php //if($counter == 1) { ?>
<tr>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 0; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close Loop
} // >> Close mysql_num_rows
// If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
<tr>
<td colspan="2" class="page_nav" align="right"><br>
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for the Category page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<?php
// >> If games to show
if($browse_count > 0) {
// $counter = 3; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_assoc($result)) {
// >> Assign the data easier/universal namess
$game_name = $row['g_name'];
$game_desc = $row['g_desc'];
$game_totalplays = $row['g_totalplays'];
$game_totalplays = number_format($game_totalplays);
$game_date = $row['g_date'];
$game_date = date('F jS, Y',$game_date);
$game_iconname = $row['g_iconname'];
?>
<?php //if($counter == 1) { ?>
<tr>
<?php //} ?>
<td style="border:solid black 0px;" width="650px" valign="top"><center><br><a href="<?= get_game_link($game_name) ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $game_iconname; ?>" alt="<?= $game_name; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong><center><a href="<?= get_game_link($game_name); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><?= $game_name; ?></a></strong>
<br>
<br></td>
<?php //if($counter == 2 || $place == $browse_count) { ?>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 2; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close while loop
} // >> Close mysql_num_rows
// >> If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for a fully working page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td align=center style="border:solid black 0px;" width="650" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Newest Games ..::</strong>
</div>
<center>
<?php
$sql = 'SELECT * FROM '. $table_games .'
WHERE g_status = 1
ORDER BY g_totalplays DESC
LIMIT 24';
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<center><td width="650" valign="top"><center>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br></font>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<br><p></font>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Most Popular Games ..::</strong>
</div>
<?php
$result = do_mysql_query($sql);
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br>Total Game Plays: <?= number_format($row['g_totalplays']); ?><br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<p>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<br>
</div>
</div>
</div>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Thanks for all help.. I depend on help to have my arcade back to normal function ! Similar TutorialsHey everyone, I have some problems with my website. Basically for some reason when you open my website in Internet Explorer, The tables are messed up, It's hard to explain but basically for some reason it has a massive amount of spaces before the actual text starts. However in firefox the website works perfectly. Here's a link so you can see for yourself what I mean: http://SpiritualSatanism.com Any idea what this could be and/or how to fix it? Thanks, Nightfoxx Anyone have any idea why the thumbnail pictures are off when the page is viewed in IE but they're fine when shown on FireFox? I'm using slimbox/lightbox and can't for the life of me figure out what's going on. http://www.jnsitedesign.com/photocms...?gallery=./Art I really appreciate the help!! It's in the first stages, so bear with the lack of images, etc. however... If you go to http://dev.bkriegtech.net/web/06/ you will see that the content of the right nav bar is pushed way over for some reason. I looked at the code of the included page (http://dev.bkriegtech.net/web/06/home.php) and I have no tables or anything in there that would cause this to have extra room on the right to push the nav content over. What could be causing this? I use frontpage to edit my page (so I can view it before uploading it to the web) It shows exactly the way I want it when I save it and view it on my HD but once I upload it to the server... it's the same... Then when I edit it again and upload the "update".... it's messed up. Could anyone tell me what I am doing wrong? Thanks Lace Good day. I'm actually trying to make a good site now (still humorous), and am having problems with the background of my right collum. http://web.vtc.edu/users/cjb06271/CI...nal/order.html Quote: <form method="post" action="mailto:cjb06271@vtc.edu"> <table style="border:1px solid black"> <tr> <td><fieldset/>The always favorite Locusts. </td> <td colspan="1"><fieldset/> <input type="checkbox" value="Locusts" name="Locusts"/> </td> </tr> </form> same kind of thing happening on register page. you can see how I wanted it on any of the other pages. Also on the navbar you can see the right collum background image was chopped in half. Not too worries about that but if an easy fix would be apreciated http://web.vtc.edu/users/cjb06271/CI.../real%20final/ my css is in there (as are links to images and all the other sites in navbar) css name is new1. I may also be halucinating but the text seems to change fonts between pages and I don't know why. Thank you very much for any help you may offer. Hello, I am very new to HTML. With that said here is my issue. I want to post meta data within the head tags of my html. However, when i do this the table i created in the body of the code ceases to work. I created a very simple intro page. all that exists there is a logo of my bussiness then underneath a splash page embeded. When i enter the meta data the logo and splash area are off center. Currently I took the meta tags out of the html, but I really want to place them back. Ever heard of this happening before? Can you help? Thanks, Matt My page is www.skelniktoday.com if you want to take a look and view the source. Who knows maybe you just need a laugh at the level of novice my html is. Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts I'm starting a forum here, and I really want to get it up soon. But I can't because I'm having trouble w/ the header. On the header there's supposed to be text on top of it, but it's not. It's on the side. Can anyone help? Thank you. Here's the code:
Code: <a name="top"></a> <table cellspacing="0" cellpadding="0" border="0" width="696px" align="center"> <tr> <td bgcolor="#ddeef7"> <table border="0" cellspacing="1px" cellpadding="6" width="100%"> <tr> <td width="74%" bgcolor="#ffffff"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td valign="top" rowspan="2"><a href="index.php"><img src="./images/oxygen/logo.png" alt="Ne-YoFan.com Online Community" border="0" /></a></td></tr> <tr> <td align="right" valign="top"><font class="smalltxt">Last active: 14-6-2008 at 08:10 PM<br /></font></td> </tr> <tr> <td align="right" valign="bottom"><font class="smalltxt">Logged in as <a href="member.php?action=viewpro&member=Erika">Erika</a><br />[<a href="misc.php?action=logout">Logout</a> - <a href="u2u.php" onclick="Popup(this.href, 'Window', 700, 450); return false;">U2U</a> - <a href="memcp.php">User Control Panel</a> - <a href="cp.php">Administration Panel</a>]</font></td> </tr> </table> Back in 2004, i created a site, with tables. Have no idea how I did it, someone must have helped me. I want to update that site and make the center section wider than the sides (the sides can be of equial width). The URL is http://www.ilovejesus.com/lot/awesomebks/news.shtml Can someonehelp me with this? I need the code from the beginning of the table to the end of that column, that is Column 1, (left side) back to top for Column 2 (center), back to top for Column 3 (right side) and to the bottom of that column. I would like the center column to be at least 2x as wide as the side columns. Tell me how to end the tables and begin the text which will be straight across page. Thanks. EDIT: Title is supposed to be "Tables or CSS" I know, I know - HTML Tables are the spawn of Satan - however, I have a tabbed content box made from html/css/js - when you click on a tab, the content (underneath) changes accordingly. My questions is, I will be having a static list, with the corresponding answers (to the data in the list) targetting from an Excel Driven database - don't ask me why, just what my boss wants... Here is what I have so far: Quote: <TABLE CELLPADDING="2" CELLSPACING="2"> <TR><TD>Sponsor ID:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Client Number:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Sponsor Name:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Brand Name:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Status:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Support Tier:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Sponsor Phone:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Support Phone Number:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Support Email Address:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Parent Name:</TD><TD>FILLER TEXT</TD></TR> <TR><TD>Misdirect Scripting:</TD><TD>FILLER TEXT</TD></TR> </TABLE> He wants the content separated in a "ruled" look, like Excel - however, I didn't know if it would be cool to just use HTML - or if there is another way to do this - It's not going out on the internet (it's going on our Intranet via SharePoint) so I'm not worried about conjunctions and standards (not using HTML tables), etc. Just need to know if there is another way to separate the info with a solid black line - horizontal/vertical between the cells - that looks better than an HTML table border. Thanks! Hi there, Im relatively new to the HTML programming world, and can't for the life of me get this layout to work. Would someone mind making this table for me, and posting the code? I've made others, but for some reason cannot get my head round the rowspan feature... If anyone wouldn't mind making it, this is the layout I'm aiming for Edit: I apologise that image is so large. I am trying to slightly reduce the size of the left row on my pages at http://www.mustseedaily.com/. I want to grow the middle table slightly to the left, but I just can't figure out what to change. I have been puzzling over this for some time, and I can usually figure this stuff out, but this one has me baffled. The html is attached. Thanks for any help! hey everyone, pretty simple question i am supposing, how do i stop the text in my tables from wrapping to fill the space inside the cell. The text in each cell flows over into a second line, and I end up getting writing that has huge spaces between each word, to try and fill out the line. I still want two lines, just normal sized spaces between words if that makes sense... Id like to put multiple tables on one of my web pages. Each would contain an RSS feed, but how do i get the tables in the same row ? id like it to look kinda like this in my page. <table1> <table2> <table3> <table4> <table5> <table6> <table7> <table8> <table9> Can anyone tell me how to achieve this? Thanks Jake I have been working on rebuilding a website using my somewhat dated knowledge of html. It works fine for my daily needs but I got to a page where I needed a table in a table. What I did looks great in Firefox, but when I check it in IE7 it turns into a nightmare. I'm stuck. Can anyone shed any light on where I turned left when I should have turned right (or something of that sort)? I tacked the page onto another site for now. It's at: http://www.cincinnatigolfcourseguide...m-ductwork.php Hi everybody, I am kind of a newbie and i have a "big" problem which i can't solve. I created some menu tables on the left side of my site, but I cannot seem to align them to the top of the table and they keep moving to the middle. On one version of this site i "pushed" them upwards with another 100% height invisible table from the bottom but it doesnt seem to work on an other version. Please help me! How could I align the tables to the top inside of another table? Thanks a lot for your help! If I was hardly understandable I'm sorry, I created a little example table: <table height=400 width=600 border=3 bordercolor=#000000><tr> <td width=20% border=3 bordercolor=#000000><table> <td border=3 bordercolor=#000000 align=center><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td> Menu 1</td></tr></table></td></tr><tr><td><table><tr><td></td><td> <a href="">Button 1</a></td></tr></table></td></tr><tr><td><table> <tr><td></td><td><a href="">Button 2</a></td></tr></table></td></tr> </table></td></tr></table><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>Menu 2</td> </tr></table></td></tr><tr><td><table><tr><td> </td><td><a href="">Button 1</a></td></tr></table></td> </tr><tr><td><table><tr><td></td><td> <a href="">Button 2</a></td></tr></table></td></tr></table></td></tr> </table></td> </table></td> <td width=80% border=3 bordercolor=#000000 valign=top align=center>How could I "stick" the menu tables on the left side to the top, like this text on the right side with valign=top? </td></tr><table> I've been having some issues with my site. It looks fine in IE but it doesn't look correct in Firefox, Opera and Safari. The tables are misaligned and I am at a total loss. Can anyone help me out. Thanks here is the link; http://wwwdotcapleeconsultingdot.com |
|||||||