|
HTML - In Line Frame Needs To Be Longer?
When I first put on my holiday page, someone informed me that they couldn't see the bottom of the page, even if they scrolled down.
I increased the height of the I-frame to 1200. and it fixed the problem, but it increased the I-frame on all the pages. Is there a way to do like a floating I-Frame. Make sense? <iframe name="iframe" width=950 height=1200 hspace=25 src="content.html" scrolling="auto" frameborder=1 ></iframe> link to site: then click on Holiday greeting for page in question http://www.girlsincsoaz.org TIA Similar TutorialsI find the in-line frame to be a bit of a pain. What is the advantage of having two scroll bars--it seems to be confusing some people? What I like is that the in-line frame give me a neat smaller page, not using the whole screen (left to right) but when I make the in-line frame's height longer, it looks silly like on the home page and then on some of the links the scroll bar comes back. but I like when a link is clicked it goes to the in-line frame section. can this be done with using table (I know I can get the tables that size, but can I get the links to appear in the same spot if I eliminate the in-frame0? TIA Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul Hey, I have been creating websites for some tiem and usually when adding font styles i assigned font-weight:normal; in the CSS which in previous versions of Firefox and IE has lead the text to look exactly the same. Now with IE 7 and Firefox 3 i am noticing differences in my font-weight using my same technique so i researched it a little and found font-weight no longer acts correctly in Firefox 3. Is there a work around for this to get fonts looking the same? Normal content text is not the problem really. When i create Headings though with font size of say 26px it appears to be really heavy and i want to set font weight to normal or lighter to make it thinner but it doesn't work. I hope there is a work around as i don't want to go back to the stone age and have to use images for text to get sites cross browser friendly. Any advice? Please take a look at http://csacalc.com/ and goto "OR FOR A SHORT TIME ONLY, GET A FREE REPORT". as you can see that brings up an email form which the CSA victim fills in and emails to me, and at end of the line he gets a report back from me. I did about 1,000 of these over last 4 years but recently [since Vista] I only get emails from Firefox etc whereas 95% USED to come from IE when I checked I found that this form "defaults" in Vista to the email thing inside MS Office, and if I say NO WAY I WILL PAY FOR THAT AGAIN [seeing I bought Office in 1990 for $1,000] and say send it via Windows Mail [or whatever it is now called] ALL the data is lost. So obviously I need to revise the code that used to work Could someone please explain the most painless way to do this? edit in fact seems we have a new windows now on top of vista/XP so are there even MORE new problems with this "upgrade"? Hi all, Have encountered a problem in my code, in that when i went back to format my page, I could no longer use the submit button. I was able to find that it occurred when i added in the <table> tags within the selector function but I for the life of me cannot figure out why that makes the form invalid or whatever is happening. If any1 could have a look and see what the issue is, it would be greatly appreciated Quote: <?php session_start(); if ($_SESSION['groupid'] < 1) { header("location:login.php?message=You do not have sufficient " . "permissions to view that page. Please login."); } ?> <!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" /> <?php $page = "CapSim"; include("common/init.php"); ?> </head> <body> <?php include("header.php");?> <br/> <br/> <div id="page"> <?php include("dbconnect.php"); // Formatting $content = "<h3 align='center'>".$page."</h3>\n" . "<center>\n" ."<h3 align='center'></h3>"; $content .= "<h4>" . "Number of Tiers in the model" . "</h4>"; $TIER=$_GET["TIER"]; $content .= "<form action='capsim_home.php' method='get' target='_blank'>\n"; $content .= "<input type='text' name='TIER' value='$TIER' onKeyPress='return numbersonly(this, event)' />\n "; $content .= "<input type='submit'value='New Layer'>\n"; $content .= "</form>"; $content .= "<br/>" . "</center>\n" . "<br/><hr width='900px'/><br/>"; // Set up the form and hidden control variables $content .= "<form action='/cgi-bin/".$parentdir."/capsimController.py' method='post' target='_blank'>"; // Default values for fields $u = 10; $x = 15; $m = 16; $q = 1; $S_RT = 10000; $a_a = 2; $a_u = 3; $a_l= 1; $runs = 1; $o_i=100; $default_vals = 1; //Function for printing off the layers within the tiers So everytime I add a picture or text my website page gets "longer". I then move the text or picture with the "div" tag so I can position it where I like. But the webpage is still the same length as it was before I moved the object. So How can I stop the page from getting longer everytime I add text or picture to it? Thanks Hi, I am new in web designing. I need your guidance. I want to break a word if it is longer than table width. May be I am not good at Engilsh. So I'll explain it using example. Following is my code. Code: <html> <body> <table align="justify" width="100" border"3"> <tr> <td> TE-sdf-sdf-hkjd </td> </tr> </table> </body> </html> As here you can see the word "TE-sdf-sdf-hkjd" length is more than 100px. So the width of table becomes more than 100px. I want to break the word and fix the width of table to 100px. How can I achieve that? Waiting for your reply. I redesigned my site, and changed all my page names. Everything I put up is brand new, and nothing links to the old stuff. But when I do a sitemap, it's some how including the old pages, which makes me believe that somewhere, something is linking to one of the old pages, and it's spidering all the old pages. Is there a site or something that I can find what is linking to the old pages? My sticky footer now floats in the middle of the page after i declared a doc type. Any suggestions for a quick fix? doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> HTML Code: <body>
<div id="wrap">
<div id="header"></div>
<div id="logoimg"></div>
<div id="logotext"></div>
<div id="searchbox">
<img src="" align="absmiddle" vspace="2px"/>
<label for="searchfield">search: area, position, area+position</label><br>
<input type="text" name="searchfield" value=""
id="searchfield"/> <div id="geist"></div>
</div>
<div id="main"></div>
</div>
<div id="footer"></div>
Code: body {
background-color: #99ccff;
background-image: url(http://);
background-repeat: repeat-x;
overflow: auto;
margin: 0;
padding: 0;
height: 100%;
}
#wrap{
min-height: 100%;
margin-top: -151px;
}
#footer {
margin: auto;
width: 100%;
height: 100px; /* Height of the footer */
background: #3e4041;
border-top: 1px solid #e0e0e0;
clear: both;
margin-top: 50px;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
margin-bottom: 51px;
}
h1, h2, p {
padding:0 10px;
}
#outer:after {/* thank you Erik J - instead of using display table for ie8*/
clear:both;
display:block;
height:1%;
content:" ";
}
I have welcome page which code is like this, This page will display after login page. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:t="http://myfaces.apache.org/tomahawk" > <frameset rows="26%,*" border="0" frameborder="0"> <frame name="f1" src="heading.jsf" scrolling="no" noresize="noresize" /> <frameset cols="25%,*"> <frame name="f2" src="menuTree.jsf" scrolling="no" noresize="noresize" /> <frame name="f3" src="body.jsf" scrolling="auto" noresize="noresize" /> </frameset> </frameset> </html> I have one command button in body.xhtml page, after clicking that button, i want to dipaly login page again without any frame, ie. i want to display that page entire screen, but in my case its displaying only in body page. How to solve this problem, Regards, Vinutha. I wanted to put some kind of a big frame ( not with frames ) around the web content so that the sides would be clear without any content on it. I tried alot of stuff but nothing helps like: BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) hey guys, im looking for a way of cutting down the amount the visitor to my site has to download, as well and speed of loading betweens pages, ive attached an image of how to site looks so far, i have rows of links on eith side, on the top, and a row going down the center i wish to display in. If the user clicks on a link from anyside i would like only the center text to change and leave the links and header, saveing on size of the web pages on the server and the amount the user has to download i looked around and found frames would be an answer but there god dam confusing and it seems they come attached with a scroll bar where as i would like the page to simply feed downwards is there any way of keeping the outer part like a template and like i said just have the links replace the text with what ever the topic? i am using iframe concept in my website ,But it is not working Here is the code: <iframe name="downlineframe" height="400" width="100%" frameborder="0" src="http://nyoil1.ning.com" ></iframe> if i give http://nyoil1.com,it is working well,if i give http://nyoil1.ning.com na its not working.... Ok call me slow but I am starting to move to a non-frame web site structure now and I am going to be getting away from tables except to display tabular data. Most of my sites have a header image and a menu that I want to stay constant from page-to-page. Also, I assume I want to lay-out my pages using styles and divs. Can someone point me to a resource that discusses these things. Thanks a ton in advance~ Hey Guys - I need to make a real basic page with a frameset-like element. I need the top part of the page to remain stationary, and the bottom scroll underneath it - so that the top part of the page stays on stop of whatever the user is looking at. Should I do this with frames, or is there another method that I am unaware of? Thanks! hmm I asked for help in getting a big frame over the site content and I got here help .(by the way thanks)(I dont mean frames... What I meant was to put the content in some kind of a big frame likse div...) Code: <html>
<head>
<style type="text/css">
html, body {
background: blue;
}
* {
margin: 0;
padding: 0;
border: 1;
}
#container {
width: 885px;
margin: 0px auto; /*centers #container*/ padding: 5px;
background: black;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
it helped but then I found another problem : I used this code for puting a frame the i can scroll over something but now it doesn't work Code: <b style="overflow:auto; height: 640px; width=292px;" class="sotableup" align="left"> </b style> And now it doesn't work. Any ideas? |
|||||||