|
HTML - Table To Fit Page
Hello all,
i was wondering if anyone could help me, by telling me how, when creating a table in a HTML document, how can i 'code' it so that if the browser is resized the table resizes too? Thank you in advance. Jim Similar TutorialsHi, 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. I am using mysql to import data into a (5 X 10) table. if the rows is more than 10 then i want it to shown on another page. can u pls help me by telling how to implement the such page breaking. I'm looking for some help getting an html table I created to be at the top of a page. It looks alright to me, but then when I post it to my blog it has like 50 blank lines and puts it at the bottom of the page. I want it right at the top. I'm not the best at html, especially tables... I just try and copy excisting table examples and add my own information. If someone can help it would be greatly appreciated. Heres the code: HTML Code: <table cellspacing="1" cellpadding="2" border="1"> <tbody></tbody></table><table border="6"> <tbody><tr> <td><b><center>Player</center></b></td> <td><b><center>G</center></b></td> <td><b><center>PA</center></b></td> <td><b><center>AB</center></b></td> <td><b><center>R</center></b></td> <td><b><center>H</center></b></td> <td><b><center>HR</center></b></td> <td><b><center>RBI</center></b></td> <td><b><center>BB</center></b></td> <td><b><center>SO</center></b></td> <td><b><center>SB</center></b></td> <td><b><center>BA</center></b></td> <td><b><center>OBP</center></b></td> <td><b><center>SLG</center></b></td> <td><b><center>OPS</center></b></td><b> </b></tr> <tr> <td align="middle">Corey Hart</td> <td>60</td> <td>221</td> <td>194</td> <td>34</td> <td>61</td> <td>10</td> <td>31</td> <td>21</td> <td>35</td> <td>15</td> <td>.314</td> <td>.391</td> <td>.531</td> <td>.922</td> </tr> <tr> <td align="middle">Carlos Lee</td> <td>76</td> <td>331</td> <td>292</td> <td>41</td> <td>85</td> <td>13</td> <td>60</td> <td>24</td> <td>30</td> <td>4</td> <td>.291</td> <td>.341</td> <td>.503</td> <td>.844</td> </tr> <tr> <td align="middle">Corey Hart Projected</td> <td></td> <td></td> <td>294</td> <td>51</td> <td>91</td> <td>15</td> <td>46</td> <td>31</td> <td>52</td> <td>22</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> </tr></tbody></table> Hi, I have a problem. I don't get my table in the middle of the page. can someone help me? <removed by me> Got it now, delete this topic please Hi, i have tables on my site at the top, middle, right,left etc... but I can't seem to get one to stick at the bottom of the page, it just stays underneath the other page info, i want it to go right to the bottom.... any ideas? thanks I'm making a website which will include a gallery of several images, in addition to a navbar. I would like to be able to put the images and corresponding text in a little thing that can be scrolled through independently from the overall page; I'd like the navbar to be a permanent fixture on the page. I'm sure my terminology isn't correct, but we've all seen this sort of site before, right? Thanks! Never mind. I figured it out myself. It's little odd looking but it works and it validates. I created a layout in Photoshop CS3 and used the slice tool, which generated a table for me based on the slices. The problem is, I need the table to be aligned at the very top of the page without a space, without having to set the table height to 100%. Is there a way this can be done? For some reason, I have a lot of extra space at the top of my page. What could be causing this and how do I fix it? If I want to make a way to have that table move ends? I'm fairly new to html, so if it's something obvious, give me a break. I have a background image with blank sections where I want to put stuff in to, and in one of the sections I want to put a frame or a table so I can have a list of links which you can scroll through, but I don't know how to put it anywhere I want on the page. Any help would be great, thanks. Hi, How to center a html table in a page. I want the table should remain in center even the browser is re-sized. I want to code to work in all browsers.. how can I do this? thanks What is a simple way to bring up a webpage inside of a table cell. I want another website page to come up inside of the cell with scroll bars so the user can view that page while never actually leaving the home page, it would just be embeded into one of the cells. -Aaron show record in table on first page index.html I want to show records from database in in first index.html page. my code is working when i click on link. thanks [EDITED 2007/11/22 x1] Okay, I have read the previous post on this topic, and the solution to use an IFRAME... but what about those who use FireFox (and other Mozilla-style) WWWeb browser? Is it possible to get a web page (hyperlink/URL) to load +inside+ a table cell ?? Basically the scenario I have dreamt up is creating a table that will have, say, three columns: item_image0 ...|... item_name0 ...|... item0_LIVE_CONTENT item_image1 ...|... item_name1 ...|... item1_LIVE_CONTENT item_image2 ...|... item_name2 ...|... item2_LIVE_CONTENT "item_LIVE_CONTENT" will be nothing more than a few lines of text which will reveal the item's current 'value', but it *pulls* this information in via a hyperlink/URL. I have no other way to access this information than by using a webpage (I just happen to know the actual URLs for the individual items)... and I am attempting to build a one-page ''Quick List'' of items and their current associated 'values' at the time the webpage is generated. If this is possible, without using iFRAMES, PHP, external .JS files, or other WWWeb Browser-specific features, I am all eyes and ears... oh, and FINGERS! *smile* Everything (coding-wise) has to be included in 'same' HTML file as the 'table', that *fetches*/*calls* the hyperlinked data. Javascript welcome! THANK YOU, in advance, for all helpful replies! P.S. I found the following, but the 'file' I am using does NOT have an .EXTenSion (other than .HTML) that can be seen: <?php include("http://www.testsite.com/?name=username&page=itemlog");?> That looks simple enough, but the '' <?php '' part... does the PHP refer to the file's .EXTension that the code itself is contain within...? If so, then obviously that is why this code is NOT working for me. :/ The layout of this page I'm making requires a centered table, 800 pixels wide and 100% high. I am having huge problems making it fill the entire height of the page though, it just stops rather than going right to the bottom of the page. It's a 4.01 transistional compliant page if that's relevant. Here's a link to the page. Here's a link to the page (apologies for the file size) link to page I want the dark green center section, and the two side cells with tiled graphics to extend right down to the bottom of the page, regardless of height. The center table with the graphics can stay where it is or vertically center, I don't mind about that. I also need it to have no vertical scrollbar when it's viewed fullscreen. If I remove the doctype, it works fine, but I'm wondering if there's a way to have it vaild for that doctype and still look ok? I've tried everything I can think of and am not turning up anything useful with web searches, if anyone can tell me where I've gone wrong and if this is possible to fix in html, I'd really appreciate it. I can't use CSS, and the doctype has to be as it is, because that's what the specs say (it's for an html class). Thanks for any help. I'm trying to design a simple html website for the company I work for but I have run into a problem. I can't figure out how to make the table extend all the way down to the bottom of the page without stretching the content. I tried adding bottommargin="0px" to the body tag but that didn't work. I also tried adding height=100% to the table tag but that stretched the content of the page. Here's my code: <html> <head> <title></title> <link rel=stylesheet type="text/css" href=stylesheet.css> </head> <body topmargin="0px" bottommargin="0px"> <center> <table bgcolor="#FFFFFF" width=70% cellspacing=0 cellpadding=6 style="border: #000000 2px solid; border-bottom: 0px; border-top: 0px"> <tr><td> <center> <img src="logo.png"></a> </center> </td><td> <center> <b><big>Name</big></b> <br>Address <br>Address <br>Phone & Fax <br>License </center> </td><td> <center> <img src="logo.png"></a> </center> </td></tr> <tr><td colspan=3 style="border: #000000 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px"> <center> <img src="star.gif"> <a href=index.html>Home</a> <img src="star.gif"> <a href=testimonials.html>Testimonials</a> <img src="star.gif"> <a href=employment.html>Employment</a> <img src="star.gif"> <p><b><big>Welcome!</big></b></p> <p>Content</p> </center> </td></tr> </table> </center> </body> ----------------------- The first part , this page i need to put an widesky ad on both sides of the image & also want something that will rescale image to fit page as i need to fit in large images on the page , can this be done people? |
|||||||