|
HTML - The Time-cost Of Using Tables - ?
Hi, I'm starting a site that'll need to be updated a few times a week and updated extensively at least once a week. It's around 90% text-based, with a sprinkling of images, and is intended to grow to a large size - many hundreds of pages, if all goes to plan - within six months. (As you might be able to deduce from the virtual life story that I'm about to post here, it's going to be a site for people who don't mind reading things on their computer screens...)
The short version of my question is: how can it be any way time-effective to update a Tables-based website?! I work full-time, and have several other things going on in my life that need attention. How can a large Tables-based website be thoroughly updated with new content in less than, oh, a day or two?! I might have missed something that should be completely obvious, so there's a long version: I started learning HTML and CSS a month ago, from a completely 'cold' start (no previous experience with coding at all, unless being proficient with BASIC in the 1980s counts). So, I quickly happened upon the Frames chapters of the books I'm using. I know now that all the issues with Frames are real and serious and I was a wicked, evil person to try to start a website in this day and age using them, but I was kind of gleeful at just how useful they are. All you have to do to start an easily maintainable website is create a homepage with a Frameset for a header, a navigation column, and a main content space. Updating it is then as easy as adding new content pages to be viewed in the content space, and adjusting the links on the navigation html document only. Italics are because I've decided that I have to shift my site away from using Frames and the prospect of using Tables is - bluntly - doing my head in. I've looked at, and shuddered at, all the issues surrounding CSS compatibility across various browsers. I've read up in depth on all the issues and think I have no choice but to use Tables if I want the site to be visible to the broadest range of search engines and Bookmark-friendly to visitors and all the rest of it. I took down my Frames-based site yesterday and started re-doing it in Tables. I created a Homepage and a couple of other pages. I published them - then when I finished the fourth page I realised that I had to change the first three pages to link up with the fourth. Doing this took half an hour, and it was only four pages! By now I'd learned my lesson, and saw that I had to build the entire site, offline, before publishing the pages en masse. Which I'm currently in the middle of doing, and it's now nearly 3 a.m. on Sunday night. I'm nowhere near the end, and it's only a 20-page website. Looking to the future, what will happen if/when the site's at 100+ pages, and I add a new section that has to be linked to in the navigation bar on every single one of those 100+ pages?! Yes, I'm making extensive use of CSS for formatting - there's no need for me to mass-update pages to alter paragraph indentation or anything like that. Just a tweak here or there on the stylesheet (love it!). What's driving me crazy is the sheer amount of time I'm spending linking all the Tables pages together, when it was effortless using Frames: just the one html file had to be changed and that was that. So I'm kind of wondering if I've missed something. How do websites that use Tables with persistent navigation bars or columns on every page get updated in anything less than a week of intensive work? I've only been doing this for a month. Maybe I'm being stupid. I've Googled a lot on the subject and cannot find anyone else griping about this issue, so I think I am missing something. I'd like to know what it is, as I'd love to get back to work on the site. Just as long as I know I won't be spending whole weekends in months to come manually updating hundreds of webpages because I add an FAQ to my site or something. Similar TutorialsHi there, I've recently created a site for a school. The url is www.wmes.ca . I am wondering what a site like this might be worth. I would love to hear how some of you break down your prices etc. I don't want to price myself too high, nor do I want to be one of those businesses that price myself so low that I make it hard for other worthy businesses to make a buck. I'd like to hear your credentials too, as I don't want someone just pulling my leg. I've made numerous sites through my "on the side" business (www.prestigeinteractive.com), but this is unique because I also teach at this school. To be honest, I alwasy hate giving quotes, so I'd love to know what others do. Any feedback would be great. Here are some of the particulars: a) 34 unique pages - not password protected b) 34 flash files containing four photos (looked through about 1500 pictures to select these) c) 34 additional images - as well as a staff page that contains 50 photos that were resized etc. d) navbar using ssi . e) 36 additional classroom pages that contain a picture of the teacher using the same design template as the rest of the site. - password protected - simple jscript f) 36 php email forms to contact the teacher. g) all pages utilize adobe inconctext editing to allow teachers the ability to edit their work. I'm sure there's other stuff to consider, but a ballpark figure would be great. Thanks for your time and consideration. Take care, GW 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 want to ask you ,guys that already know this things . How much time does it take to learn ? -html -css -javascript -php -mysql . Each of them ,and another question ,what else should i learn to be able to create any website that i want ? Hello, I am designing a site for a friend at: www.vintageparlor.com I am fairly new to HTML, but I know FTP and how hosting works. Something I have noticed is that the site seems to load a bit sluggish... I am guessing that this is due to the images on the page, specifically the background image. What should I do? Or is that not the problem? Thanks! -Jordan OK this is the first time I've tried playing around with HTML, and obviously my first time using an HTML forum. If I mess this post up please understand. Basically I have text that is being cut off early (white text on blue, blue ends and white text is lost in the white next to it) and I wanted to know if there is a way to get the text to move to a new line instead of being cut off early. This way it will remain in the blue background. I have removed what I believe is the important stuff Basically it looks like this: Code: <body background="path_to_background.jpg"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td><div class="wh">Some_Sort_of_Title</div></td> </tr> <tr> <td height="100" valign="top"> <br><font color="white">THIS IS THE TEXT THAT GETS CUT OFF AND THAT I NEED TO FIX BECAUSE IT IS TOO LONG </font> </td> </tr> <tr> <td align="right"> <some unimportant stuff for downloading a pdf a></a> </td> </tr> </table> </body> So as you can see it is that <font> </font> section that I'm trying to rectify as my background is not the width of a full page. Even if you just refer me to a beginners guide of some sort that could help me out that would be awesome. Thanks guys I am currently deployed to Afghanistan and part of my job requires me to convert times from the local Afghanistan time to Zulu time. Normally this would be easy but Afghanistan is one of the handful of countries that are off set from zulu (GMT) by 4 hours and 30 minutes. I end up spending a lot of time second guessing my calculations therefore wasting my time when there is a better way to make sure they are right. Here is what I am looking to do: I would like to create a very simple calculator that allows the user to put in a time and click a button and it will kick out the results. I would like to make it so that it will calculate both to zulu (GMT) and from zulu to local time. Something that I would like to do with this but isn't really required is that I would like to put a drop-down list that would have all of the different time offsets listed and that way you could select the offset and it would calculate the time for anywhere in the world. I really have no idea where to start with this project. I would prefer this calculator to align to the top left side of a page so that it will fit on the page that I plan on putting it on. Any help that anyone could be able to give would be awesome. I have been searching the internet for the information and I haven't been able to find much of anything. okay so i have tables built with images set as the background property of the table sections to created a rounded graphical appearance to the tables. the problem is that when the page loads without being cached on the clients end for the first time it builds the site in a choppy method. you see each image come up one at a time and it builds the tables, after its cached that goes away until you dump your cache in your browser. so what im wanting to know is, is there a way (other than server side compression) to reduce or remove this choppy load time, so its just like.. blank page then BAM! full page, like a way to force precaching or make it so fast that you cant visually see the tables being built before they are cached? www.wiffleague.com/main.php so heres some things i tried: - making the images as small as i know how (they could be smaller i guess, im not sure how to do that though) - reducing the amount of images to the bare minimum required to render the tables properly - removing redundant html code from the tables such as 'width="100%"' from some of the td fields when a prior row already has the width set properly, thus the columns still align properly but there is less code to process some things that are not suitable solutions: - get a faster server - put less content data on the page - only use _____ browser - use apache's gzip compression to force the images even smaller than they already are during transmission then the browser decompresses and renders them Hello! I've found on w3schools.com an example on creating simple animations, using xhtml: (3 lines of text appear and disappear continuously) Code: <html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:seq repeatCount="indefinite">
<h2 class="t" dur="1s">I will display for one second</h2>
<h2 class="t" dur="2s">I will display for two seconds</h2>
<h2 class="t" dur="3s">I will display for three seconds</h2>
</t:seq>
</body>
</html>
If I try this code with Internet Explorer, under Windows XP it works, but if I try it under Linux(Ubuntu 9.04), with FireFox or Opera, it does not. Should I install something or activate an option? and, furthermore, is there anything to be used as a time namespace instead of urn:schemas-microsoft-com:time? something not from microsoft, beacause that may be the problem... thank you in advance! Hello everyone, I have my first pancake here Link. I tried it on various browsers and versions. When I open it from different computers for the first time it opens wrongly, the white center thing doesn't fit in the screen. After few times pressing refresh or browsing in the site and coming back I have normal look I should have. When I open the my web page from the same computer again ( lets say other day ) it opens ok. Just the first time it opens wrongly.. any clues why? I've experienced that with IE 6.something (6.2 I guess) I would like four divs to be loaded, but for only one to show at a time. The firt one says welcome with a few pictures, and the other three appear when certain links are hovered over. Possible? I was wondering if there was a simple way or script out there that anyone knows that can change a picture at a certian time? I am doing a website for a diner and they close at 3:00pm and I was thinking about putting a sign on the website that would simply say "Open" when the diner is open and "Closed" when its obviously closed. Thanks in advanced When i make a table, it will goto the next line, for example if i want an image on the left of my table, the image will go first, and thenthe table will automatically be displayed on the next line. Is there any way i can fix this is CSS, HTML, Javascript, anything? If you need more info on my problem i could take a print screenn... Cheers! Here's an example - I want the images to be at either side of the table, so theres no space... hi all, i'm having problems with tables i want it to look like this: http://www.exsilentio.org/apa/test/want.jpg here's the site, i don't know why they're not next to eachother, and at one point they were, but when i made the window smaller they weren't next to eachother...i also tried making a big table to put those tables in and it didn't work...thanks Code: <html>
<head>
<title>top</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
#table1, #table2 {
float: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
html, body {scrolling: auto;}
</style>
</head><center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="992" height="151" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="images/top_01.gif" width="992" height="109" alt=""></td>
</tr>
<tr>
<td>
<img src="images/top_02.gif" width="143" height="18" alt=""></td>
<td>
<img src="images/top_03.gif" width="145" height="18" alt=""></td>
<td>
<img src="images/top_04.gif" width="144" height="18" alt=""></td>
<td>
<img src="images/top_05.gif" width="144" height="18" alt=""></td>
<td>
<img src="images/top_06.gif" width="144" height="18" alt=""></td>
<td>
<img src="images/top_07.gif" width="19" height="18" alt=""></td>
<td>
<img src="images/top_08.gif" width="253" height="18" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/top_09.gif" width="992" height="24" alt=""></td>
</tr>
</table></center>
<center><table id="big1" width="973" border="0" cellpadding="0" cellspacing="0"><td>
<table id="table1" width="720" border="0" cellpadding="0" cellspacing="0">
<td align="left"><img src="images/bottom_01.gif" width="720" height="7" alt=""></td>
<tr><td align="center"bgcolor="d6d6d6">dsafasdf<Br><br>asfdasdfsd<br></td><tr>
<tr><td align="center"><img src="images/bottom_07.gif" width="720" height="4" alt=""></td></tr></table>
<table width="19" cellpadding="0" cellspacing="0"><td> <img src="images/spacer.gif" width="19" height="5" alt=""></td>
<table id="table2" width="253" cellpadding="0" cellspacing="0" border="0">
<td align="right"><img src="images/bottom_03.gif" width="253" height="5" alt=""></td>
<tr><td align="center"bgcolor="d6d6d6">dsafasdf<Br><br>asfdasdfsd<br></td><tr>
<tr><td align="center"><img src="images/bottom_07.gif" width="253" height="4" alt=""></td></tr></table>
</table>
</body>
</html>
site 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! Ok so you can see from my attachment what I want. I want the bottom row to be all-in-one, so I can centre (center..) the text. But not sure how to do this. Code: <tr>
<td>username</td>
<td>password</td>
</tr>
<tr>
<td>forms....</td>
<td>..........</td>
</tr>
<tr>
......how to get it to display all of this one?
</tr>
<td>
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 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. |
|||||||