|
HTML - Iframe X Scrolling And Navigation Help
I've searched and searched but i havnt found anything on this,
basically im making a client a site that they want to be able to edit themselves after im done with it. Im using a drop down menu but if they want to add a link to one of the menus they dont want to have to go thru every 100+ page. To solve this problem i have put the header on index.html and made an iframe for the other content. First, is there anyother suggestions you guys have? 2nd, for somereason or another sometimes the content puts an extra break where there isnt one in the content page, like the iframe works, but theres is annoying extra space, and i just want everything to line up smack with the nav bar thats on top. also, the iframe is 800 px i made verrry sure that the content was less than 800 pixels but it still scrolls left and right!! is there a way to disable the x-scroll in an iframe?? Thanks, -James Similar TutorialsHello, I'm working with an iframe and I'm trying to manipulate the scrolling abilities. I'm wondering if there's a way to set scrolling only for vertical movement, not horizontal. Here's a link to the page I'm working on: http://www.rrexecutivesuites.com/test.htm I figured this out. Three hours of searching before posting, then 30 minutes later it is resolved. Hi there, I'm new to this forum so please let me know if I make any mistakes. I'm semi-literate in HTML and a little CSS, I've been coding small, very simple websites for 8 years or so, so I wanted to try something new for a friend's website. I'm making a website for a friend, and so I made a layout (I'm also a graphic artist) and sliced it in photoshop, then began assembling it using iframes. This is my first time using iframes, but I feel like I've caught on to the general idea now. I don't have an error I need help with, rather, I would like to know how I can use iframes to make the navigation bar on the right change with each new page. At the moment the top navigation buttons each open a new page within the main body of the website, each using iframes. I want to code it so as each new page is opened within the main body, the right side navigation bar (which consists of simply text links) changes with it. This is so the top can have links for the very main pages of the website, and the right side bar can have links for sub-pages within those main pages. The website is he http://lyericcosplay.webs.com/index.htm I can post the code or any other information you may need to help me. I'm also happy to use something other than iframes if it works for the right navigation bar, however I think I'm correct in using iframes for the main pages because it runs quite smoothly, and just how I want it to Thanks so much for reading! Hi all, I was wondering if someone could help me out with a bit of coding. I am trying to build a static navigation the, when clicked, will change the HTML page in an iFrame. When clicking on one of the links in the navigation, it has a background image which changes depending on what page is loaded, but if you refresh the page, the first link in the navigation has the background image and when clicking on the others, it brings it up behind them until you click on the first one again. I will post my code below incase I am explaining this poorly. Another thing I wanted to know is that when I refresh the page, the navigation sets back to Home instead of being on Location or something else yet the iFrames content is still set to Location or something. Is there a way (without PHP) that I can save this so that when the page has been refreshed, it will stay on the correct link/page? HTML Code: <script language="JavaScript" type="text/javascript">
var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='On';
Lst=obj;
}
/*]]>*/
</script>
HTML Code: <div id="navWrapper">
<div id="globalNav">
<ul>
<li class="On" onclick="CngClass(this);"><a href="iframes/home.html" target="content_iframe">Home</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/location.html" target="content_iframe">Location</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/speakers.html" target="content_iframe">Speakers</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/agenda.html" target="content_iframe">Agenda</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/useful_material.html" target="content_iframe">Useful Material</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/event_presentations.html" target="content_iframe">Event Presentations</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/gallery.html" target="content_iframe">Gallery</a></li>
</ul>
</div>
<div id="localNav"></div>
</div>
HTML Code: <iframe width="967" name="content_iframe" id="content_iframe" src="iframes/home.html" scrolling="no" frameborder="0" onLoad="calcHeight();"></iframe> Any help on this would be great! If I have to use PHP as well, would someone point me in the right direction of how I can set it up as I have only used PHP once and that was just plain data capture. Many thanks, Charlie I have this script HTML Code: onchange="window.open(this.options[this.selectedIndex].value,'myIFrame')">
<option>Choose a destination for your IFrame!</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.altavista.com/">ALTAVISTA</option>
<option value="http://www.amazon.com/">AMAZON</option>
<option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
<iframe src="http://joecrawford.com/" name="myIFrame" width="400" height="200">
You can't see this because your browser does not support iframes.
</iframe>
in this script we see Yahoo, Google,amazon etc in the drop down. But i don't want to have a drop down, instead i want users to type as Yahoo, Google etc and i frame opes in in the page. When an user types an invalid key. it should show a separate link, where in i would keep something showing invalid how to do it? I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. So, I would like to make a one-line textfield that will automatically scroll when too much text is added. So, for example, if I have a field that has room for 20 characters, and someone enters 10 characters, it looks as expected. However, if someone enters 30 characters, only characters 10-30 would be visible. Is this possible? Hey all. I have been working on this website that my friend had been designing, and was just wondering if this was possible. The way it is now, the topmost div's are supposed to stay in their position at all times, and the only part that would scroll would be the main body. The two body divs (left and right) have been placed inside the div that should be scrolling. I know there is the css overflow, but the problem is, there is no fixed height on the div, so this method isn't quite right. If anyone knows of a way where we could just start the scrolling at a certain point down the page, that would be great. Here is a link to the page so far - don't worry, it won't look close to that when finished... Image/text placeholders are horrid, I know. http://http://pixelconcepts.zxq.net/ -Thanks in advance. Im really not sure if the title of this thread is right. Anyway, i dont know too much about HTML coding, but id like help with something on my .... MySpace haha Alright, so this is my myspace at the moment. www.myspace.com/cj_x3 As you can see, i have links on the sides, done by the following code example; Quote: <div style="width: 78px; height: 22px; position: absolute; bottom:5px;right:15px; background-color: transparent; border-width:0px;border-style:solid;border-color: transparent; font-family: verdana;"> <a href="LINK" style="color: dd4444; font-size: 9px; position: absolute; right: 0px; top: 0px">EXAMPLE LINK TEXT</a> </div> When you scroll down, the links on the sides scroll off the top. I dont like this... What i want to happen, is for them to be fixed, like the background, so when you scroll down, the links around the sides dont move. Thanks for the help in advance my page (http://www.zerofivezero.net/the_project102.html) is scrolling as if there's content down the page, but there isn't...I can't figure it out. I'm using the code below to hide the content and have it swapped when selecting an item from the nav. Code: .hidden {
position:absolute;
z-index:2;
visibility:hidden;
Code: <div id="section3_region" class="hidden"><div class="news"><fieldset>
<legend><img src="images/forum_leg.jpg" width="120" height="28" border="0" alt=""/></legend>
<br /><br />
<div class="img"><img src="images/news_thumb1.jpg" width="80" height="75" border="1" alt=""/></div>
This is the news section<br />
Yep, this is where the news will be. This will be the short blurb about the story.
<div class="img"><img src="images/news_thumb2.jpg" width="80" height="75" border="1" alt=""/></div>
This is the news section<br />
Yep, this is where the news will be. This will be the short blurb about the story.
<div class="img"><img src="images/news_thumb3.jpg" width="80" height="75" border="1" alt=""/></div>
This is the news section<br />
Yep, this is where the news will be. This will be the short blurb about the story.
</fieldset></div>
Hi everyone, I'm having some trouble with the scrolling functionality on my page. Basically I want only one vertical scrollbar down the left hand side of the page but I have a frameset document with three columns and two rows down the middle column (with the bottom frame of these two rows being the 'content' frame). I've tried setting this document within another frameset to get the whole thing scrolling with no luck. Can anyone provide an insight on how this is usually achieved as it seems fairly commonplace but I am having a hard time making it happen. Cheers Matt Hi, I'm really, really new to HTML so any advice given to me would be amazing. I've put a website together using Indexhibit but I'm not happy about the layout of my "Projects" pages. Please visit my website: www.andrewjenkinsphoto.com Ideally I'd like to be able to manually scroll across the page from Left to Right, having a gap of a centimeter between each image. Is this possible using Indexhibit? Hope I've made myself clear. Thanks for any help. Hello! New to the HTML forums, nice to meet everybody ^^. I have a problem with my website, http://christopherortiz.webs.com/advertisingproject.htm , for some reason I have horrible scrolling lag on all of the pages, mainly on that one! Check out the source and tell me what I have done wrong o.o Quote: <HTML><HEAD><TITLE>Advertisement Project</TITLE></HEAD> <BODY> <body style="background-attachment: fixed; background-position: center top; background-repeat: repeat;" background="al432s.jpg"> <center><h2><img src="christopher.png"></h2> <p><a href="index.htm"><img src="home.png" style="border-style: none"/></a><a href="advertisingproject.htm"><img src="prjct.png" style="border-style: none"/></a><a href="blog.htm"><img src="blog.png" style="border-style: none"/></a><a href="guest.htm"><img src="cmnt.png" style="border-style: none"></a></p> <img src="projecthead.png"> <br> <div style="width:750px;height:2300px;border:2px inset red; background-image:url(http://flyingredhorses.com/GalleryIm...gGrayBox.jpg); background-attachment: fixed; background-position:left center; background-repeat:yes-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; "><center><p style="font-family:verdana;font-size:90%;color:green">ORIGINAL</p></center><center><img src="originalcamel.png"></center> <center><p style="font-family:verdana;font-size:90%;color:green">PARODY VERSION</p></small><center><img src="camel.png"></center><br><center><p style="font-family:verdana;font-size:110%;color:green"><large>Analysis</large></p></center></center><p style="font-family:verdana;font-size:90%;color:green"> Camel Lights: Who on earth would want to buy these? What makes their advertising appealing enough to make you want to shove a cancer stick down your throat? Camel cigarette ads use rhetorical means to fool its demographic, you, into the habit of smoking.</p> <p style="font-family:verdana;font-size:90%;color:green"> The central illusion which the advertisement aims to create is an image of a rugged man, which the customer in turn can become--provided that he buys a pack of Camel Lights. The first words that come to mind are cool, masculine, and rugged. The tattoo makes him appear to be a ruffian, a delinquent, a desperado. These are all rhetorical justifications that make one want to smoke Camel Lights, just once. But what really defines the ad is its sleek image, orange velour and the cancer sticks dancing around like they were in Vegas as if they were going to die tomorrow.</p> <p style="font-family:verdana;font-size:90%;color:green"> Who on earth would want to buy these cunningly disguised serpents. We look at the man smoking cigarettes, his apparent countenance of ruggedness and individualistic style which we long to obtain, when in reality he is masquerading himself in a body of lies and deception. This is a form of ethos, which we, as viewers convinced to be truthful; reliable. But little do we know that its true nature hides behind a face of lies. We put our trust in the supposition that the advertisers are telling the truth; that camel lights will make us a little more like him. A brief glance at this advertisement might not make us question if what we're told is the truth. That's when Logos comes into the play. Looking at the advertisement, its reasoning seems logical: people who smoke, like the man in the advertisement, are cool; those who don't are not. What this carefully woven structure neglects to mention is that those cool kids are far more likely to contract cancer and other dangerous ailments.</p> <p style="font-family:verdana;font-size:90%;color:green"> Our society is built around these stereotypes of the rugged man and the classic Marilyn Monroe pose. The cigarette companies purposefully create these rhetorical devices, which appeal to us, the consumers. This not only makes you want to buy the product, it makes you buy into the delusion which cigarette companies have createdl</p> <p style="font-family:verdana;font-size:90%;color:green"> In conclusion, not only do Camel Light advertisements use certain rhetorical devices, but influence they way society thinks and acts. In short, advertising perpetuates stereotypes. Camel Lights, just chooses to perpetuate the stereotype of the rugged man.</p> </p> <div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"> </center> </FONT></Body></HTML> ima noob. To this forum and html as well so please be gentle. i brought lube...lol I'm trying to change the color of the 'bar' between two frames. The frame on the left I have set to 'no scroll' and i want to change the color of it. I know how to change the color of scroll bars, arrows... but how do i change just the bar? I've been using JS to change the colors of the scroll bar. Is there another way? like css. Hello, I have a div tag that is scrolled vertically. I found some java code he https://developer.mozilla.org/en/DOM...scrollIntoView that allows me to use a "Scroll to Top" button at the bottom of the DIV to help navigate it back to the top. Problem is, that I want the page to remain in the same position, whereas this seems to be making my page scroll to the bottom at the same time as scrolling the div to the top. Has anyone got any ideas on howto scroll a div to the top, without the page reloading, or scrolling? Thanks Jay Okay...so here's a tricky situation that I cannot find ANY examples of how it can work...IF it can even work. I'm trying to create this without the use of flash...Thanks for any help! Seriously! So...I'll try to explain this in the best way that I can as I don't have an example to show... There's a fixed background image. On top of that image is another image (exactly the same as the one below but a different color). There is a horizontal scrollbar below that controls the visibility of the image on top. Naturally, I thought a mask would be the best idea...but can a mask be scrolled. The image itself would not scroll at all....just the visibility of the image on top, think of it as a scroller that highlights a specific "strip" of an image and can be moved from side to side without the actual image scrolling... Man...I really hope this makes sense! Thanks for helping a girl out! |
|||||||