|
HTML - Portrait And Landscape Frames In Tables
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> 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/ 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!! Ok, I've been designing this site: www.patbianco.com.au and I have small problem I havent been able to solve. The design is specifically for an ipad, and I''ve been using the ipadpeek.com site to help me to check the site aswell as a borrowed ipad. The site works great landscape, but once turned to portrait it gets scaled, the header should be the width of the screen. It's not just he header that is scaled, its the whole page. Here a screen shot of landscape: http://i53.tinypic.com/2sb4dhe.jpg Here a screen shot of portrait: http://i52.tinypic.com/2lj5pau.jpg Portrait CSS: http://pastext.net/2550 HTML: http://pastext.net/2551 Thanks In advance if anyone is able to help me. Hopefully there is, as I'm on a deadline 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 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 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, First time posting... I have a site that contains frames and I am applying IDs to the tables and providing links above to move further down the page but it also moves the outer frame but I would like the outer frame to remain still and for the link to scroll to the right place in the page in the inner frame. Is this possible? Thanks. Hey everybody! I have a website on a three row frameset (top,body,bottom). I've created a separate frameset for each page on my site. But is becoming a bit annoying. I want to know if it's possible to click on a link, from my main page and have that open one frameset with the same Top and Bottom but, depending on the button I click, is the page that appears as the body. I hope that's clear, I'm a newbie. I'll really appreciate if there are any ideas on the matter. Thanks!!! Cheers! Hey. I have a little portfolio - and I want to add a frame (Atleast I think that's what I want to do - you can reccomend something else.) to the top of each of my portfolio contents. So the visitor isn't deviated away from my website. Am I making sense? Basically I want something, (if not exactly like it) like the frame on the top of every site in every google image search - like this: Really, I just don't want my visitors to have to press "back" in there browser to get back to my portfolio - instead, wouldn't it be better if I had that kind of frame and just stuck on some sort of banner linking to my portfolio - or even a text link. So, do any of you know of any source code, or way of doing it? Without ruining the layout? Thank you if you help. Hello, I have nearly finished my website now and feel I just have one thing left to complete it and be satisfied. I'd like to change my FAQ page and I think maybe using frames is the answer. Instead of the whole page scrolling down I'd like the page to be static with just the info scrollable. See my page here ozlotteriesonline.net/faq.html You will notice the rest of my site is fine because I have managed to put the information within the limits of the container but the FAQ doesnt fit. Just a couple of questions, How do I do it? Are there any negative side effects of having frames? Thanks in advance. 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? Hey, I'm a html noob building a website for html. I have frames set up so that it is 3 columns. In the middle column there are three rows (Header, menu and content respectively). The problem I'm having is, although I've made the frames so that they can't be dragged to alter their size, when the user resizes the window the frames get resized and all the content (including banner, menu buttons etc.) get cut off or pushed into "no mans land". Id like one of the following to be possible: - How do i make the window so it opens at a specific size, and cant be resized. - Or if the window has to be resizable, can i set a minimum point the frames can be resized to. - Or how do i make the content so that it doenst go to the s***house. - Or how do i make the frames so they aren't resized when the window is... Bellow is a picture and my coding so you can see what's wrong: (in the picture you can see the banner being cut off, the buttons havent been cut off yet as the window is still big). <body properties="fixed"> <frameset border="3" bordercolor="#000000" rows="100%"> <frameset cols="20%,60%,20%"> <frame src="backdrop.html" name="lbackdrop" noresize scrolling="no"> <frameset rows="25%,10%,65%"> <frame src="header.html" name="header" noresize scrolling="no"> <frame src="menu2.html" name="menu" noresize scrolling="no" <frame src="main.html" name="mainwindow" noresize scrolling="no" </frameset> <frame src="backdrop.html" name="rbackdrop" noresize scrolling="no"> </frameset> </frameset> </body> Thanks in advance I have a page that has a few images with links to differnet sites and I want them to link to another page with a frame at the top that shows the same inages that are smaller and the page of the website below it. I know how to do frames but I dont want to create a different page per link. (In short I want to have a link to a website open in another page with frames) Here is a basic idea for the front page http://www.techmatefl.com/pcp/ Here is the second page with the icons and the blank area is where I want the different sites that you choose to show http://www.techmatefl.com/pcp/site.html So it will be like a google image search in a way. Let me know if there is a way to do this with HTML, JS, or anything else. 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 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 Hey, http://www.artistrichardcook.co.uk/src/ - here is the start to a website I am making for my art college which exists of two frames. A left (with the links) and the main frame (with the content). Simple. However, due to it being a frame and the obviously long list of links, when my browser is smaller than usual you can't see the bottom of the links. I know I could add a scrollbar to the frame but it looks pretty awful. My screen is a 17" laptop and the number of people at college viewing this will have smaller laptop screens and this is my problem. Basically, was there anyway to make both the left frame scroll as you scrolled the main frame as in linked? So the scrollbar would exist for both the frames rather than just one or the other? Sorry if this doesn't make sense but I'm not sure how else to put it. I would appreciate any help Thanks, Rich |
|||||||