HTML - N00b Question About Tables
Hi
I am trying to code a website which is subdivided (using tables) into a navigation side bar and content area. How is it possible to allow my various html pages be displayed in the content area (without opening a new window) when i click on a link in the navigation bar? gary Similar TutorialsI'm working on the html for my tumblr account and would like to know if there is a better code to use rather than a bunch of br's. There is a table on the right of my page that has the title, description, followed pages and then the 'newer' 'older' tag links below that. I would like the 'newer' and 'older' tags to be all the way at the end of the page (so the table also goes to the end of the page) Right now I just have in a bunch of br's, but the page length varies depending on the number and size of the posts, so I would like to know if there is something I can use that will automatically set this to the bottom. Thanks in advance for the help! Hi, i have a problem with html tables. Im working on a myspace layout for my band. the table layout looks great in IE but not in Firefox. i can give you a link to the page http://www.myspace.com/northeytest and even the coding if you need to see it The problem is that i have two tables under two different <div> classes. both div calsses are set the same, that are set to an absolute position, a left margin of -400px (each table is 800px in width) and a left positioning of 50%. the only difference is the second one has a margin at the top of 942px. In IE, this works fine, but in firefox, the table is halfway off the page on the left hand side unless i change the margin to 105%. please help me edit: also, im new, so hi im also just starting out with learning html code Hi, Im not very fluent in html, and im trying to do a very simple task. I've been browsing google and multiple forums including this one for a while trying to figure out this basic code but having no luck. I believe i may need to use javascript for this. What i'm trying to accomplish is: - Have visitors enter a confirmation code into a text box - If they enter the right code they get sent to my members page - If they enter the wrong code they get sent to an error page Pretty simple I know, but i cant seem to figure this out. i read this, and this code is the best i came up with so far, but i get an error when i run it. "Method Not Allowed " Here is the code i am using Code: <head> <script type="text/javascript"> function validate_required(Password1) { with (Password1) { if (value=="password") { // i want to navigate to a members page here } else { // i want to navigate to an error page here } } } </html> </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> </head> <body> <form method="post"> <input name="Password1" type="password" /><input name="Submit1" type="submit" value="submit" /></form> </body> I'm having some trouble with a table and I don't know why. The only way I can get the result desired is with this code: Code: <tr> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i> nbsp; <b>Mock Draft:</b> Picks 1-16 - Picks 17-32 - Round 2 - Round 3 </td> </tr> ...which obviously isn't desirable. I can't add a second column, like this: Code: <tr> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i></td> <td class="author" style="padding-top:5px;" height="16"><i>Last Updated: October 19, 2011</i></td> </tr> ...it pushes the second column off the page. Here are screenshots: Desired - http://img717.imageshack.us/img717/4426/goods.jpg BAD - http://img12.imageshack.us/img12/3955/badfj.jpg Here's the page I'm working with, it's not live yet, looks fine on the page because it's got the long string of http://tinyurl.com/3o5xrhj Sorry for the coding mess, I try my best but I'm still learning a lot. Thanks for the help. Hi everyone. Here is my website: www.last-tube.com ....it is a web site to help londoners quickly find out what time the last london underground train is (the tfl website makes you download a pdf and complicated timetable!) ***I know none of the links work, they are stored locally at the moment, I'm still at an early stage*** Anyway you can see that I have the main content in the middle with five boxes on either side. Obviously the main content of the page is encapsulated in a single <td></td>. At the moment when you click a link it loads another page identical to the index but with different content. I have realised that I am going to need a few hundred pages to cover all the stations and this approach is impractical because if I need to make a chage to index I need to change every single page of the site which will be a long process! So is it possible to update the content within <td></td> rather the redirect to a new page every time? I am sure there is a workaround to this but I am not smart enough to work it out and have been out of the html game for a while! Any advice would be appreciated! Thanks. Is there a code to hide the scroll bar on the right altogether? I know there are some to change the colors, positioning, etc. Hi, I would like to construct a table which has a unique link for each column. I am extremely new to HTML and other web technologies. I have tried to figure out if I can use colgroup and onClick="window.open('http://yahoo.com','_blank');" but I honestly have no idea what to do. Suggestions? Please and Thank you very much. I've decided to make a personal photography portfolio on my computer, and have thought that the best way to do this would be HTML. My problem: See the above image? The items in red circles are just copied and pasted from the original in the top-left. What I want to know is how do I actually get them there in HTML? I think it's something to do with tables, but as I'm practically brand new to HTML I'm not sure. I have a ZIP file below with all the necessary files, just unzip the online folder and edit the 'index.htm' file if you want to do it all yourself for me. Otherwise, you can use it to have a look at the coding I've used (partly taken from a free HTML template website, I admit ). Thanks very much in advance for help. I want to create a two column table that, in one of the rows, has a large picture in the second column. I wanted to "wrap" the picture in a <div> and give the div scroll bars so the user can scroll horizontally and vertically to see the entire picture, but still keep the width of the table as the same size as the width of the browser window. The div part seems to work fine. The large picture appears in the smaller div and the div has the scroll bars that I want. But, the table is still sized to contain the ENTIRE width of the photo, so the other rows in the table go off the edge of the browser window (because the image is wider than the browser window). Is there a way that I can limit the table width to only be the width of the browser, and have a large photo contained in a scrolling div, within one of the table rows. I will include some basic HTML code to demonstrate the problem. Just insert a path to some large image you might have, for testing, into the image tag's src property. (the image I am using is 1600x1200) Thanks, in advance, for any help you can provide. 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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test a Large Image in a Table</title> </head> <body> <table style="border-bottom-width:thin"> <tr style="width:300px;"> <td style="width:20%; background-color:gray"> Title #1 </td> <td style="width:80%; background-color:red""> Why does this row go past the edge of the page? </td> </tr> <tr style="width:300px;"> <td style="width:20%; background-color:gray"> Title #2 </td> <td style="width:80%"> <div style="overflow:auto; max-width:60em; min-width:15em;"> <img src="" alt="some large image" /> </div> </td> </tr> </table> </body> </html> hey guys, i'm faily new to html, i only have one semester of html so far. i am doing my final project for my html class and i was wondering if anyone could help me out with this. the spaces underneath my images in my table... they weren't there before i made the page xhtml complaint, but as soon as i added the doctype in, they popped up, can anyone help me fix this? I checked over all the tags, and everything seems to be closed off properly. thanks a lot. I would like to know if it is possible to have a table column on top of a column??? In my table, I have a column that contains an image. Next I want to put text on top of the image. I am good up to this point, but when I put the text in this particular column, it is left justified and is not giving me the look I want. So, can I add another column on top the one with the image in order to be able to get some white space between the background image and the text on top???? To see what I am talking about, take a look here. It is the right hand column. You'll see how the text just does not look right the way I have it. Thanks for any suggestions. Vance Hey. Is it possible to have a line seperating the collums of a table but having no lines for rows. Bascially i want to do what i have poorly added in in Paint http://img526.imageshack.us/img526/3883/15247409oe7.jpg Is this possible to do? Thanks in advance Does anyone know how to fix this? as you can see, there's random content at the bottom left there. it's not supposed to be and is supposed to be located in the column that's very wide there, but for some reason is throwing it down below the left column. how can i fix this? http://erocsteady.freehostia.com/tes...ents/index.php ^you can see what im talking about here Hello everyone, my name's Jesse and this is my first post here on these forums and I'm really looking for some help here (as I can't seem to find any anywhere else). I am currently using the Soul Vision v.1.0 theme. After running the W3C Markup Validator I see that there are a total of 68 Errors and 26 Warnings. I really love this template and it works very, very well with my vision and content. I don't know anything really about fixing or cleaning up any code (and yes I did try using HTML Tidy and it messed up my site so I had to reset it all). Is there any one person who would be willing to help me make this W3C compliant for the sake of SEO? I didn't include my meta title, keywords and description in the above header.php. They were right before the first </head> in the middle/top of the code. For example, from the W3C Markup Validator I get a lot of these errors: document type does not allow element "link" here Other errors include: document type does not allow element "meta" here document type does not allow element "style" here end tag for element "head" which is not open document type does not allow element "body" here document type does not allow element "ul" here; assuming missing "li" start-tag. Here is some code from the header.php file: DELETED I have to divide the page to 3 columns. These 3 columns should adjust according to the size of the screen. The left and right most columns will be pretimuch don't change much in size. The middle colum has content of verity of sizes. How can I adjust the columns to adjust to the screen size from 10Inch to 30Inch? Thanks in advance for Help. Regards, Swaroop Kunduru. Last time I posted I was told I needed to get rid of the tables from my code. Im still trying to learn CSS properly and make the changes as I go. looking at my layout surrenderyourwings.com/layout.html I realize it should be 3 divs from left to right, one for the images one for the content and one for the details my question is: the details column on the right "payment shipping etc" Should each of the individual "cells" be a nested div? or is there a different or more correct way to convert and simplify this? thanks i used to use tables for the layout, now i'm trying divs..the thing is i'm not sure how should i think about the layout, i mean like tables i have rows, every row have cells, now with the divs i should think about it the same way? a container div to replace the main table, then another div to take place of a row, then divs as cells..an so on does that make any sense? i don't know if that was clear, but the question is: how should i think about it? i know the question sounds stupid but it seems that i just got used to tables & can't accept divs yet Hello, just starting here I complete the HTML an CSS tutorials at http://www.w3schools.com/ I also downloaded a trial for coffeecup I am helping a local business with their website, it is very simple, just content and a couple of pictures. For some reason, as much as I google it up I cannot figure out how to add a left column to the site. the examples I find, even free templates from Amaya use tables. I dont want to use tables, I guess I need to use div? But if that is so, how do I position my column? It seems w3schools gave me a good start but I am having problems putting the concepts together. If you can direct me to the right answer, or recommend a book or tutorial that actually builds a simple site with a couple of columns in good design, I would really appreciate it. But I dont want to use tables as I learned it is not best practice Thank you! Hi all, for some reason when I delete the comments from my code, it runs differently than when the comments are in there. I want a green horizontal navigation bar to appear at the top of the page, and when the comments are in there, my ul list is in default style. Can anyone figure out why this is happening? Thanks so much in advance. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- head section contains general page attributes --> <title> Navigation </title> <!-- Title (on tab) says "Navigation" --> <style type="text/css"> <!-- Use css style --> <!-- navbar is the tag of the main navigation bar, ul means it's an unordered list --> #navbar ul { <!-- Attributes of main bar --> height: 30px; margin: 0; padding: 0; list-style-type: none; text-align: center; <!-- Alignment of links in horizontal bar --> background-color: #009966; <!-- Color of main bar --> } #navbar ul li { <!-- Attributes of list --> display: inline; <!-- Display list elements horizontally --> float: left; } #navbar ul li a { <!-- Attributes of link boxes --> text-decoration: none; font: arial; display: block; <!-- Put each link in a block --> width: 10em; <!-- Width of each block --> height: 30px; <!-- Height of each block --> color: #FFFFFF; <!-- Color of link text --> background: #009966; <!-- Color of block --> text-align: center; } #navbar ul li a:hover { <!-- Attributes of block when hovered over --> color: #FFFFFF; background-color: #006666; } </style> </head> <body> <div id="navbar"> <ul> <li><a href="index.html">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Past Events</a></li> <li><a href="#">Videos</a></li> <li><a href="#">Articles</a></li> <li><a href="#">Links</a></li> </ul> </div> </body> </html> so im a silly little noob who is learning html, but i want to know how you layout your webpage with a defined width and have it all center in the webpage at all times. <www.w3schools.com <----not unlike this webpage Basically I would love to see the code for just the page centered like that and maybe a grey background to make it very obvious to me. Help a noob out! |