|
HTML - Tables > Frames?
Hi 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!! Similar TutorialsMy 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/ 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? 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've heard many times "don't use frames, there is better ways to accomplish it", and I was wondering, is this just referring to "invisible" frames, or any frames? For example, look at Kingdom of Loathing. They use frames (or what appears to be frames) and I can't see how they could successfully make that site without. If I had to have all the screens scroll as one rather than separate, and couldn't resize when I needed to, it would be extremely annoying. So, frames are bad, or just the invisible ones? 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 Hi guys, I have a couple of sites done over the last while and, whilst they work well enough, I want something like frames. I have resisted using them because everything on the net about it seems to be bad. The problem is that I have a 'template' which is the same for almost every page on the site (logo, search bar, top navigation bar, side navigation & footer). If I want to change anything in this 'template', I have to go and change it on every single page. This is OK on a couple of pages but I have nearly 20 now and it seems ridiculous! So how should I be doing it? What I really want is to have the 'template' in just one place so that I change the one file and it then applies to all my pages. I am self taught and really only know html/css with a very limited knowledge of javascript. Thank you hi there i just need help with frames thing. i am abit new with this html stuff here i have three frames one at top as tittle one, at the side for menu and one the main... now wat i dont know is at the menu frame i have created a table where i have inserted pics instead of words now i want like when i click on one pic a certain file should be opened in the main frame which i have named as body.htm and not ina new window hope u are understanding wat i am trying to put here is the code of the menu page <html> <head> <title>my web</title> </head> <body background="wallpaper.jpg"> <img src="menu.gif" align="middle">*** here also i putted the align thing but still the pic comes in the side ** <table> <tr> <td><a href="body.htm"target="body.htm"> ** this is the code i used but whenever i click on the doll image the page opens in new window which i dont want..** <img border="0" src="dolls.gif"/></a></td> </tr> </table> </body> </html> hope u understand what i m trying to say. i have a menu frame in which i ahve put pics now what i want is when i click on the pic at the menu frame i want the link to open in the same window at mainframe thanks will wait for the repliess Hi I need a page that has six eqaually sized frames displaying different sites with a scroll bar on each and no border. How would i do this Thanks Alright so I am using macromedia dreamweaver building a website and I have set up my page so that there is a menu on the left side using a frame. Now when I make links using the text in the frame, it opens the new page in that frame which is not what I want. Ideally I would like it to open in another frame and keep the menu bar frame on the left side. So i guess that makes my question two part. How do I link a page from a frame into either a whole new page or in another frame keeping the original menu frame there? if this doesnt make sense i can try to re-word it or try and show you my problem. thanks hey last time i made a website was a few years ago, now a days, do people use frames? how is a website like hostmonster.com (my host) made? does that website have a frame? or did they something like css(which i have no clue what it is) Thanks guys, so far this forums has been helpful. Hey, so forgive me for being a bit of a newbie. Anyway, I started writing this website using frames without realizing they were deprecated. On the left side of my page I have a frame which has a menu of buttons where I've got javascript/jquery allowing the buttons to be hidden and shown in a collapse/expand sort of way. Clicking on the buttons also enables the page on the right frame to change. I like that this allows me to load a new page on the right but not reload the page on the left. Is there a way for me to not use frames but keep this left/right independence? Hello, I was just learned about frames and I just get a little bit curious why not so many websites use frames, is it, like, not great? Can you tell me pros and cons about it? Thank you. look i know that frames are bad but i have a good cause to use them XD all im wondering is - "For every one of the frames that i use, in the source file of the frame will i need to put the standard tags e.g. doctype, html, head, body, meta, title or can i just start with the code and it will work????" never used frames before so this is why im asking??? personally i think i will need to put in the standard tags because frames work differently to the PHP include function which practically copy and pastes the code into the file where you put your include function if im not mistaken??? Anyways thanks in advance Marcus =] hi i was wondering with my site using frames if one of the pages is loaded in to a internet exploer is there any way i can make it redirect to the index page so it is back in the frame and the user has navagtion thanks hi, i need help with frames, what i want is first a search box where a user puts in a search term then this is made into a string and added to 8 urls all of which are displayed in frames, could you help me write this thanks Hello guys, im new here =) So.. I was trying to make a frame with a scrolling bar, like this site >> www.roxdownload.net take a look =) What should i do? Thank you very much =D When designing websites in the past I have always used tables to organize content, but I've noticed that many professional templates don't use tables, but instead use Div Ids. Are Div ID's better and if they are can anyone tell me how to use them. |
|||||||