HTML - Using Html Tables Instead Of Frames
can the anchor tag be used in HTML tables, such that if an <a> tag is used in one cell of the table, then its target is another cell of the same table. very much like frames, but can it be done using tables. if so, how?
Similar TutorialsHi everyone, I'm trying to make a split-screen website, split down the center of your screen with a little bit of space in between them. Both of the sides will be scroll-able. In essence, it's like two seperate websites in one. I know how to accomplish this easily in frames. But I don't want to use frames. I've hit a bit of a "coder's block" when trying to piece how I should do this regularly. Please help because the first couple tests that I've done are running into each other and look pretty hilarious. Thanks in advance for your time!! My code looks like this: (if someone can let me know how to input the "code" script in the forums Id appreciate it) <table width="740" height="255" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="30" bgcolor="#000033"><div align="left"> <pre> </pre> </div></td> <td><div align="center"> <iframe src="http://fl.living.net/idxrealtor/1188209 "width="100%" height="100%">>></iframe> </div></td> <td width="30" bgcolor="#000033"> </td> </tr> </table> It doesnt work at all in IE and in Firefox it works but the table is not wide enough to contain the whole iframe. I need to put a real estate search page (http://fl.living.net/idxrealtor/1188209 ) into my website. I have a table that has 3 columns and want the frame in the middle column so the page looks good. the link to the page giving my difficulties is: http://correia-realty.com/mls/ I apologize if this is in the wrong forum. Please move it to the proper location if needed. Here's the situation: I need a page with 2 fixed frames, small top, rest bottom. In the top frame, I need a few form text fields and a submit button. In the bottom frame, I need the information that was typed into the text fields above to populate the bottom frame. Everytime I enter new info and hit submit, I want the information to be added to the bottom frame and to the information that was already added. I'm new to this, but am a quick learner and willing to spend enough time to do this myself with guidance. Thanks With the attached png images (in zip file) and code below, can anyone help me fix the first broken image? These frames will display thumbnails either in landscape or portrait. Also, I plan on having more than just these two frames on this page. I would like to have maybe 4 rows of 5 thumbnails per row and whether the thumbnail is portrait or landscape is totally random. I would rather do all this with css and divs but do not understand divs, so I am using tables. Thank you. 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-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> </head> <body style="background-color: #000000"> <table style="width: 242px; height: 177px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 24px; height: 24px"> <img src="upleft.png" width="24" height="24" /></td> <td><img src="up.png" width="194" height="24" /></td> <td style="width: 24px; height: 24px"> <img src="upright.png" width="24" height="24" /></td> <td style="width: 24px; height: 24px"> </td> <td style="width: 129px; height: 24px"> <img src="upleft.png" width="24" height="24" /></td> <td style="width: 24px; height: 24px"> <img src="v_up.png" width="129" height="24" /></td> <td style="width: 24px; height: 24px"> <img src="upright.png" width="24" height="24" /></td> </tr> <tr> <td><img src="left.png" width="24" height="129" /></td> <td style="width: 194px; height: 129px"> </td> <td><img src="right.png" width="24" height="129" /></td> <td rowspan="2" style="width: 24px; height: 194px"> </td> <td rowspan="2" style="width: 129px; height: 194px"> <img src="v_left.png" width="24" height="194" /></td> <td rowspan="2" style="width: 24px; height: 194px"> </td> <td rowspan="2" style="width: 24px; height: 194px"> <img src="v_right.png" width="24" height="194" /></td> </tr> <tr> <td style="width: 24px; height: 24px"> <img src="downleft.png" width="24" height="24" /></td> <td><img src="down.png" width="194" height="23" /></td> <td style="width: 24px; height: 24px"> <img src="downright.png" width="24" height="24" /></td> </tr> <tr> <td style="width: 24px; height: 24px"> </td> <td> </td> <td style="width: 24px; height: 24px"> </td> <td style="width: 24px; height: 24px"> </td> <td style="width: 129px; height: 24px"> <img src="downleft.png" width="24" height="24" /></td> <td style="width: 24px; height: 24px"> <img src="v_down.png" width="129" height="23" /></td> <td style="width: 24px; height: 24px"> <img src="downright.png" width="24" height="24" /></td> </tr> </table> </body> </html> I want to make a html frame that only shows a portion of the page is this possibble, if so please could you explain how for example if i just want to show the text entry box in google on my frame. Thanks Hi, We are planning to use HTML frames in our product. Does anybody know any web standards which prohibits its use? cheers kk Hey guys! I'll get right to the point. Here's my issue. On my bands website I have created a place where you can view all of our past setlists. (take a look at the image below now). The way I have this set-up right now is the links on the right link to a new HTML document and everything is the same on the page except it opens the show that you clicked on in the left box. Which means that every time we play another show and I add it to the list, I have to go to each and every show HTML document and add it. Now I don't know if frames are the right solution to this problem, but I really want everything on the page to stay that same but when you click a show on the left it would just open a the show in that left box. I think PHP would be the correct solution, but I'm lost when it comes to that too. Also, if you wanna check it out, it's actually on the web at: http://aqueousband.com/setlists.html So really I'm just looking for any solution you guys have. Thanks! Nick Hi everyone, I'm new to this forum and I need some help. I look after a website which uses frames, one for the navigation bar and one for the main content. I have the index.html file as the file which sets up the framset: Code: <html> <HEAD> <TITLE> Hoylake Sailing Club </TITLE> <META NAME="KEYWORDS" CONTENT="hoylake,"sailing,club,hoylake sailing club,hsc,HSC,wirral,wirral sailing"> <META NAME="DESCRIPTION" CONTENT="Hoylake Sailing Club is a sailing club based in Hoylake on the Wirral, North West, England"> <META http-equiv=Page-Enter content=blendTrans(Duration=1.5)> </HEAD> <frameset cols="170,*"> <frame name="Content" target="Content" src="frameset/index-frame.html" scrolling="no" noresize> <frame name="MAIN" target="MAIN" src="index-home.html" scrolling="auto" noresize> </frameset> <body> <p>This page uses frames, but your browser doesn't support them.</p> </body> </noframes> </frameset> </html> I need to make this so that I can give direct links to a page on the website (eg. openday.html) but obviously it needs to go through this page so that it will load the frames. I was thinking that with the right code, something like 'www.hoylakesc.org.uk/index.html?openday' could be done Thanks in advance, James Melling. I am trying to build a website on a free webservice provider for a game that I play. The game is called Batheo, and the chat that they have is horrible. What I would like to do is really just have a 4 frames 1 for the banner, 1 for the navigation, and 2 more both running vertically. heres the code <frameset cols=10%,* bordercolor=blue> noresize=yes> <frameset rows=20%,*> <frame src=http://www.justiceHome.0catch.com/Banner.html name=BANNER scrolling=no marginwidth=0 marginheight=0 noresize=yes> <frame src=http://www.justicehome.0catch.com/Nav.html name=NAV marginwidth=0 marginheight=0 scrolling=yes> </frameset> <frameset cols=60%,*> <frame src=http://www.justicehome.0catch.com/Blank.html name=CONTENT2 scrolling=yes marginwidth=0 marginheight=0 noresize=no> <frame src=http://www.justicehome.0catch.com/Welcome.html name=CONTENT scrolling=yes marginwidth=0 marginheight=0 noresize=yes> </frameset> </frameset> Now the page opens just fine and looks how I want it to look. Below is the Navigation code. <BR><a href="http://www.justicehome.0catch.com/Welcome.html" target="CONTENT"><font color="white">Home</font></a> <BR><a href="http://www.justicehome.0catch.com/Chatroom.html" target="CONTENT"><font color="white">Chatroom</font></a> <BR><a href="http://b1.clapalong.com/" target="CONTENT2"><font color="white">Batheo</font></a> all the links work fine but the 3rd one. The page will open but it wont do anything. If you go to Batheo.com on the homepage to the right it has you sign in. Once you've signed in a button that says Play Now will appear, click it and it will open the http://b1.clapalong.com link in a new window, if you arent logged in and you try to go to that address it will present you with a login and not open it in a new window. Anyone know of a way to build this code better and get the page to actually open properly. The goal is to have the game display and to the right have a seperate chat so we dont have to keep switching between pages, or download a chat service. Thanks for any and all help! Hey, my first post here, and I needed some help with coding part of a website. So here's my problem. Part A of the picture (below) needs to stay the same even though you've clicked on a link to another page. Part B of the picture is content that needs to change with the page. Now, I could copy and paste the code from one page to another for Part A and then manually change Part B, but I would much rather like to only have to edit Part A once each change. How could I go about doing this? Any ideas or suggestions would be great. Here's the a link to the picture, and thanks for your help :-) -Daft http://img214.imageshack.us/img214/4480/reptx9.jpg <---- BIG Picture Hi everyone, I'm new here and have a new website for my little craft business - I have designed it totally from scratch writing the HTML by hand (in Notepad!), using what I learned from some Google searches: http://kristenhill.sasktelwebsite.net Even though I have keywords listed in my home page (<Meta name="Keywords" content="...), Google will not pick up any of my content when I search for any of it! Someone suggested that it might be because I am using Frames and that I should switch to plain HTML combined with CSS. I have no idea how to do that as I am new to HTML (and don't know if that suggestion is even correct), and am wondering if anyone can help me! I would be happy to send you my code and would really appreciate any help, even if it's a sample of how I would translate it from its current state with Frames, to a new improved version using HTML & CSS. Thanks in advance! Kristen Hi! I am new to HTML. Stuck at this. Could someone please help? Need simple HTML code to create frame like this: Image below. Thanks So a few questions, If you have a webpage within a frame, be it a regular frame or an iframe, and there is a link in the webpage inside the frame, if no target is specified for that link then by default the link loads in the same frame as the original web page, in all browsers, correct? Secondly, what is the syntax for specifying a target while doing a meta tag automatic refresh? Thanks for the help! i'm devloping a sharepoint website and I want to include 2 asp.ne listpages from our company's CRM webapp. sharepoint provide a way to use the <iframe> tag in a webpart. so i could say <iframe src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}" , and this gives me my list, but thje normal popups that are created when clicking a listItem are not working, so instead of putting the 2 lists I want to show in webparts, i made this simple html page. <html> <frameset cols="50%,50%"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> </html> this gives me the page i want to show my users, the contactslist, with out IT workers, next to the joboppurtunities list. But again, i cant open the detail vieuw of a worker from the list, when you open the page that are in 'src' this works fine. so the frames are the problem. is there a way to resolve this? Hi, I am currently making a website, I have used an inline frame on my site, and I am having trouble getting it to do what I want it to! lol Basically, I have put a menu on the left of the page, and an inline frame in the middle, now, I want it so that when you click on a link on the left, the whole page stays the same, but the inline frame will go to the requested page. So basically, a website inside a website if you see what I mean. I have tried using <a href="http://address.com/page.htm" target="mainframe"> </a> but I still can't get it to work. If anyone has any ideas it would be great!! Thanks a lot. ps: I should also add, I am using tables on my site, and the menu is in a different table to the iframe, does that make a difference? I have browsed the search function and found some topics that are helpful, but when I try the codes that are stated on those pages, it creates another iframe on my page, but it works with that one, but the new iframe is always in the wrong place, I am using MS frontpage by the way, and I added my iframe by click insert, and inline frame. The code I used that worked, but put another iframe below the menu, was this one: <p><a href="http://www.websitename.com/page.htm" target="frame">About</a></p> <!-- #BeginEditable "content" --> <iframe id="frame" name="frame" width="580px" height="450px" scrolling="auto" frameborder="0" Your browser does not support frames or inline frames.</iframe> <!-- #EndEditable --> It is done like that, because the page I am linking to, isn't stored on my site, but I don't think that should pose a problem, as it should display the same as it would if it was stored on my server, or so I would have thought? I look forward to any replies, and I thank you for taking the time to read this long post. Hi, well I didn't know where to post this, but it's about coding and HTML so I think this is it. I would like to add audio (a MP3 file) to my web page, but I have no idea how to do this by HTML. I would like to know: 1.- How do I add a music file (HTML) 2.- Which is the code for the On and Off button. 3.- How exactly do I use frames (i'm totally new in that aspect) in order to have the same music going on in every part of the site even if I change of page instead of strating over agian. Thanks for your help. Hi, i enclose the zip file, where are some files. If you click on 1start.html (best viewed in IE) and than click on "group1" and on "1.general1" it right frame should appear the content. So far so good. Later when I want to show/hide or collapse/expand the content and I click on the icon, something doesn't work. Can anyone pleease look in this code and tell me what's wrong. I seem not to know what i'm doing wrong. thank you all hey guys, Just wanted to know if this is at all possible. I have php pages that create tables through html that show data from my database. I want to know if i added like a print button on the page then get whatever is in the table and sent it to a pdf file to print out for a user. are there any example anyone could post or if this is in anyway remotely possible Hi im new here, and im going to start off with a table related question what I am trying to do is have table with a image in the back ground, this I can do fine, the other thing I want to have with in that first table is another table (5 x 16) For some reason when i try this it will work as two table one after the other when table one has a image but works fine when there is no image, does any one have any ideas as to why this is happening. or type the code our for me to see where im going wrong Thanks for looking, 09ricardo23 I am trying to create a HTML table with 1 row and 2 columns. Each column contains an already made table. I want to be able to scroll both columns down together but only scroll the right one across. I have attempted to do this with the following code: <div style=' height:500px; width:screen.width; overflow-y:scroll; overflow-x:hidden'><table> <tr> <td>".$left_column_table."</td> <td > <div style=' width:screen.width-200px; height: 500px; overflow-x:scroll; overflow-y:hidden'>". $right_column_table."</div> </td> </tr> </table> </div> The problem with this code is that the horizontal scroll bar isn't visible if the vertical scroll bar is scrolled up. How do I make the horizontal scroll bar stay on top so that it is always visible? |