|
HTML - Stuck On Page
Hi guys, Im only new to html coding and as a project my lecturer wanted me to create a tutorial for his website. the Html coding is reference a javascript file and CSS file. when i try the website offline (running the simulation) it works fine. but once i upload it to the dotnetnuke website the next button seems to be stuck on the first page.
heres a sample of my coding. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/Portals/0/Simulator/OSI/mystyle.css" /> <script type="text/javascript" src="/Portals/0/Simulator/OSI/jscript.js"></script> </head> <body> <header> </header> <!--selecting multiplexing style--> <nav> <table> <tr> <td> <form action="../cgi-bin/redirect.pl" method="POST" onsubmit="return dropdown(this.gourl)"> <select name="gourl"> <option>Select Simulations..... <option value="OSI.html">7 OSI Layer </select> <input type="submit" value="Go" /> </form> </td> <td id="right_nav"> </td> </tr> </table> </nav> <!------------------------Intro-------------------------> <div id="main1"> <div > <table id="maincanvas" <tr> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/backf.png" /> </td> <td> <!--Pagecontent--> <div id="middle"> <p style="height: 90px"></p> <div id="fade2" style="font-size:70px; color:Gray">OSI Simulation</div> <div id="fade2" style="font-size:20px; color:Gray">The Seven Layers of OSI</div> <div style="margin-left:550px" id="ifade">Click to Continue <img src="/Portals/0/Simulator/OSI/rhand.png" /></div> <p style="height:140px"></p> <div style="font-size:12px"><b>Disclaimer: </b>This simulator is still in the active stages of development. To enjoy the full experience of this simulator, please download the newest version of <a href="http://www.google.com/chrome/">Google Chrome</a> and enable javascript.<br /> </div> <div style="font-size:12px; margin-left:650">beta 1.0</div> </div> </td> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/next.png" class="zoom" onclick="displayNext(2)" /> </td> </tr> </table> </div> </div> i use an external javascript file function displayNext(newPage) { var newString = "main" + newPage; var oldString = "main" + (newPage - 1); document.getElementById(newString).style.display = "block"; document.getElementById(oldString).style.display = "none"; } Similar TutorialsHello! I'm kinda stuck trying to get this idea on HTML for my web site: www.luzvenidera.com/webnueva/indexinframe.htm This is the thing: I want the content to appear in the main rectangle, and have it resize automatically to the content. I have been able to do this with an inframe and using a specific script. Next to the content there are cells with an image that should go on the top of each cell and a background tiled image that continues the pattern. At least on my computer, the current code works in IE7, but in FF3 the image inside the side cells ends up showing in the middle instead of the top. I have also read that using inframe isn't really a good idea for the main content section of the page, for a variety of reasons including that it's not search engine friendly, so I'm trying to figure out an alternative.. I'm stuck here. If I make an entire frame beneath the navigation bar and just add the content there then the scroll bar would only show up for that frame, that is, beneath the navigation bar. I want the whole page to have the scroll bar, I don't want the header and navigation bar to stay in place while the rest of the content is scrolled as the background in the sides would break. My questions would be: what should I do to make it so I have the content in a frame, having it expand so the content would fit, without screwing up the side bars and making the whole page scrollable to read the content? I really don't want to make an instance of the whole page tailored to each section's content. I'm also getting ActiveX warnings in IE that prevent the inframe to show up unless it's manually permitted.. if I'm forced to use inframe, is there any way to prevent this? I hope I'm being clear, and would really appreciate any advice! I'm new to most of this stuff, and I got a big headache trying to figure this one out! Thanks in advance! guys, Im hoping someone can help me out. i am a flash designer and my flash movie opens in a 1024 x 680 fixed window but my index page is html ( a page with a picture and an "enter here" button and im trying to get this jpg to fill the full horizontal width of the screen in all resolutions. it looks fine @ 1024 x 768 but of you go higher, obviously you cant make the image wider or it will distort so i think the layout will have to be sectional ( tables perhaps or divs breaking the image into sections or something). i think the jpg has to be chopped up. if you see the picture, you will get the idea. i want it to fill the width of the screen regardless of screen resolution. im not sure what to do, i need so serious design help. I know that some of you can prob do this in 5 minutes but im trying to learn. the problem is that my site is complete but i cant launch until my index page is done. i dont know what to do. im new to html but am a flash programmer. i just want a index page to launch my site but have it look ok regardless of screen resolution / size. can someone take a look at this jpg and perhaps show me what to do so that my picture will always be to the far left and the enter button / box it is in will stay to the right. I can really use some help. i am attaching my image and also an example url that shows a site where the intro page does this. the image always stays to the left and everything keeps proper postion. i really can use some helpsample_&_image.zip Refer to the following: Screenshot: http://i41.tinypic.com/qzgkee.jpg Direct URL: http://www.brightfusehosting.com/2010/ First, I want to remove the yellow. Note how I want to make two tables at the bottom separated. If you can think of a more user friendly way of doing so, I'm all ears. The red block I want to make into a php include, but I can't figure out what I need to yank out of the HTML to make it happen. This is a templatemonster.com layout. Im making an auction site and everything seems to work fine. When I went to a site that checks my html and such it looks like a wreck. Im not sure im checking it correctly or with the correct type validation. It shows 100's of errors. That's one concern. Other things like appearance and form fields being inserted in my html pages is another area I am lost at. Where I am stuck the most is, I know there is a better way to make everything work. Im really having trouble with the idea portion and then of course the execution may or may not be within my abilities. The auction script is hosted on the owners servers and I basically just create an html page and split it in between the head tags and insert it inside the site and the program integrates it into the php auction script. In the end the log-on page (calender) is my html page. Once you enter an auction the html I inserted into the auction script takes over. The kind of things I was wanting to do I think are easy I just dont know how to explain in a short way. For example the auction script is pretty much self contained. It could run by itself. Or it can be edited in different ways. Everything is just fill in the blanks and once published it is a basic ugly layout. Or I can turn off the feature and manually create it myself in the html pages. This is tedious and could cause a lot of mistakes to be made. The script owner just says keep it simple and basic. This is good advice for most. I just want to keep it easy not so much simple. If I could get the text fields I enter into the auction to show up on my html main page (calender) and have my css control the looks that would be ideal. The calendar page is just what it says a calender of auctions with descriptions, dates, details about the up coming auction. All of that is typed into the backend of the auction script and it will make a basic text of it on the screen if I allow it to be seen. Instead I just dont refer to it in any of my html and manually type the data into my calender page. So for starters it would be great if all of that could come from the auction and automatically update the html page through a cron job or something. lol.... now Im really trying to get carried away. This is one of those scripts you would just have to look at to fully understand. It is called Maxanet. It looks like it has a lot of editing options, its just the instructions never say what you can really do as far as editing goes. All of their sample auctions are bare bones. I can fin examples of what it can do or what I can put in my html to take advantage of it and create a professional look. Back to my initial concern. when I try to validate my css html it looks like not a single line is correct. I dont know if I am doing the validation correctly. Im ure there are a lot of errors just the ones it says so far dont make any sense to me. Like it wa written in another language to me...grin If anyone is interested in looking the site is nexusonlineauctions.com I welcome any advice good or bad. The html is something I did combining differnt things from differnt places. The drop down menus would love to know if there is a way to make them match up to the actual auctions. So auction one will automatically make that drop down say Auction 1 and so on for each auction. Completed auctions and such anre archived in such a way that they will stay named the same forever once theyare completed. Active auctions are put into what they call a work space and the work space is re-used after the completion of the auction and has a fied that contains the auction name. Gosh I could go on for weeks trying to explain this stuff. SInce my knowledge is so limited I am never going to explain it properly. Hi how do you do like a password protection bit on the site, do you set it up as a from and if so how is that.... Thanks in advance Max Good morning/afternoon/evening good people of these forums! I have a big problem that i cannot for the life of me fix!! I have made a small microsite for a customer, It is incomplete at the moment because it is still a visual idea, however the differences between Internet explorer and firefox are HUGE!, It works totally fine in IE but in Firefox quite a few images and Swfs are missing!! Can someone try and help me out, i am very very very stuck!! The link is: http://content.thisis.co.uk/gloucest...mes/index.html Thanks in advance! Matt Hurley Hey guys, I hope someone can help me out. Im validating my xhtml but have come across an issue im stuck with. Line 97, column 5: end tag for "li" omitted, but OMITTAG NO was specified Line 97, column 5: end tag for "ol" omitted, but OMITTAG NO was specified Line 82, column 5: end tag for "ol" which is not finished Line 43, column 35: document type does not allow element "div" here; assuming missing "li" start-tag HTML 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" lang = "en" xml:lang = "en">
<head>
<title> yes</title>
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0" width="500">
<tr>
<td>
<div align="left">
<form name="form" action="" method="post">
<table style="WIDTH: 500px" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left">
<div align="left">
<h3>What are you doing?</h3></div></td>
</tr>
<tr>
<td class="update_box">
<p align="center">
<textarea id="content" rows="5" cols="10"></textarea> </p>
<p align="center">
<input class="comment_button" id="v" type="submit" value="Update" name="submit" /></p>
</td>
</tr>
</table>
</form></div>
<div id="flash" align="left"> </div>
<ol class="timeline" id="updates">
<div id="old_updates">
<table width="100%">
<tr>
<td colspan="4"> <hr style="COLOR: #6d7b8d; HEIGHT: 1px; BACKGROUND-COLOR: #a9d0f5" />
</td>
</tr>
<tr>
<td valign="top" width="10%" rowspan="2"><img height="40" alt="Pic" src="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" width="40" border="1" longdesc="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" /></td>
<td valign="top" width="12%"><strong>Jarratt</strong></td>
<td valign="top" width="63%">
gg....270</td>
<td valign="top" align="right" width="15%"><a class="delete_button" id="270" href="#"><span style="FONT-SIZE: 10px; COLOR: #ff0000">X</span></a> </td>
</tr>
<tr>
<td colspan="3"><span class="feed_link"><a class="comment" id="270" href="#">comment</a></span> <span style="FONT-SIZE: 10px; COLOR: #a9a9a9"><b>Yesterday</b> at 4:15 pm - ID = ...270</span>
<div class="view_comments" id="view_comments270"></div>
<table width="80%">
<tr>
<td>
<div id="commentload270" >
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<ol id="update" class="timeline">
</ol>
<div class="comment_box" id="c270">
<form name="270" action="" method="post">
<textarea class="text_area" id="textarea270" rows="5" cols="10" name="comment_value"></textarea><br />
<div>
<input class="comment_submit" id="id270" type="submit" value=" Comment " /> </div>
</form></div></div>
<div class="morebox" id="more270"><a class="more" id="270" style="DISPLAY: block; WIDTH: 100%" href="#">more
270</a></div>
</td>
</tr>
</table></div>
</body>
</html>
Ok i have all my html codes my index.html and everything now i just need to know how do i host it? im going to use http://www.dot.tk to host it but how do i take my raw html files and host it to a domain? Thanks! Hello all, I am so stuck with customisation of my Tumblr account. I have added a custom header/banner to the page but the object (arrow) to link into each post is lost under the the header banner (I'm assuming) You can see what I mean by seeing a normal one first; http://organ-theme.tumblr.com/ Then looking at mine. http://valvechild.tumblr.com/ How do I change the relative position of the linking arrows that appear so that they appear in an accessible spot above the posts as usual? Thanks for any help. Mark. Ok i have all my html codes my index.html and everything now i just need to know how do i host it? im going to use http://www.dot.tk to host it but how do i take my raw html files and host it to a domain? Thanks! Hey guys. At the moment i have made a 100% colored table. What i am trying to do is add a 1px colored border to the top of the table and a 2px colored border to the bottom of the table. Ive tried several different approaches but i never get the result i am looking for. Can anyone help me out with this? Here is my code: Quote: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr bgcolor="#000033"> <td align="left"><font face="Arial, Helvetica, sans-serif" size="6"><b><font color="#FFFFFF"> <a name="top">Title</a></font></b></font></td> </tr> James Hello all, I am encountering a bizarre problem that I've never seen before. My a:visited color has suddenly turned white and refuses to display in the color I set. Code:
a, a:visited{
color: #0181b4;
text-decoration:none;
}
a:hover {
color:black;
}
I have tried several ways to set the visited color to blue. If I specify it in the <head> of the page using <style>, it works. If I specify the class, .browselist, with the a:visited, it works. But if I try to set it as above, the usual way, it turns white. Strangely, the css behaves itself in the Dreamweaver live preview, but not in Firefox, Safari, Opera, or Chrome. I could just use the workaround but it's sloppy code and other people will have to work with this file. It's embarrassing! Does anyone have an idea of what's going on? I'm grateful for any help you can offer. Hey everyone, I'm having a problem with a Flash .swf file in my HTML page. If I input the code one way, it works in Firefox and not in IE. If I do it another way, it works in IE and not Firefox. The approach I was thinking of taking was using conditional statements in Javascript, however I'm having problems arranging the code to properly implement it. And believe me, I've reworked this file and I'm getting nothing that works on both at the same time. Suggestions for both methods would be great -- If you'd like me to post the code I could do so. Thank you! ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show. I think the sprite is confliction in some way, dont see a way to put my finger on it: It concers this page, the red square. the whole Navbar: Code: <ul id="navigation">
<!-- SVIB ww / er -->
<li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li>
<li><a id="bol_1" href="?page_id=187">1</a></li>
<li><a id="bol_2" href="?page_id=189">2</a></li>
<li><a id="inloggen" href="inloggen.php">3</a></li>
<li><a id="bol_3" href="?page_id=55">4</a></li>
</ul>
and the CSS, which is pretty important in finding the error i believe: Code:
#navigation {
padding:0;
margin:0;
list-style-type:none;
margin-top:-511px;
margin-left:560px;
}
#navigation a {
display:block;
width:131px;
height:128px;
background-image:url(../img/nav/svib_compleet_sprite.png);
text-indent:-9999px;
outline:none;
}
/*TERUG*/
#bol_4 {
width:40px;
height:81px;
position:relative;
top:4px;
left:4px;
border:0;
}
#bol_4:hover {background-position:81px 0;}
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, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Below are the two sites I will use to explain my problem. For reference, I used Mozilla Firefox 3.08 and Google Chrome 1.0.154.53 in my tests. Example 1: http://www.irishbyname.com/example1.htm Example 2: http://www.irishbyname.com/example2.htm When browsing the site in a browser other than Internet Explorer, example 1 and example 2 center to different locations on the page. In example 1, I set the height of the content area to be 200 px tall. In example 2, I set the height of the content area to be 500 px tall. When I have example 1 open in one tab and example 2 open in another, I can alternate between the two tabs and see a visual difference in alignment. The HTML code on both pages is exactly identical with the exception of the height of the content area. Can anyone tell me why the horizontal page center changes based on the height of the page? Can anyone tell me how to change my HTML to make certain the page centers correctly no matter how tall the page is? Thanks for your help in advance. I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. |
|||||||