|
HTML - Page Jump Issue
Hello All,
I am new to this forum and this seems like a great place for information. I am having a problem with this page that I am working on for a client. The page consists of an iframe below a embedded viddler movie. The problem is that when the page loads, it jumps to the beginning of the iframe. On some browsers it jumps back to the top after it is finished loading, but in the dreaded IE it stays at the page jump. I don't have any code in the page that can be mistaken for a standard page jump. (at least I don't think that I do) Any help would be greatly appreciated. Thanks, -jsproul Here is the code for the page: Code: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>it made a difference</title>
<style type="text/css">
body {
padding: 0px;
margin: 0px;
background-image: url('images/main_bkg.jpg');
background-repeat: repeat-x;
background-color: #ffea99;
}
.content {
background-image: url('images/bkg.jpg');
background-repeat: no-repeat;
background-color: #fbc617;
/**padding-top: 20px;
border-top: 0px;
border-bottom: 0px;
border-left: 3px;
border-right: 3px;
border-style: solid;
border-color: #ffffff;**/
}
#myFrame {
background-color: #ffffff;
padding-left: 10px;
}
.comments {
width: 495px;
height: 19px;
background-color: #ff9900;
font-family: helvetica;
font-weight: bold;
font-size: 14px;
color: #ffffff;
margin: 0px;
padding-right: 0px;
padding-top: 5px;
padding-left: 5px;
text-align: left;
}
</style>
</head>
<body>
<center>
<table width="860px" cellpadding="0" border="0" cellspacing="0">
<tr><td style="background-color: #ff9900; padding: 10px;" align="right"><img src="images/itmade.png" /></td></tr>
<tr>
<td width="860" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="486" id="viddler_d50deae6"><param name="movie" value="http://www.viddler.com/simple/d50deae6/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/simple/d50deae6/" width="860" height="486" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_d50deae6" ></embed></object></td>
</tr> </table>
<table class="content" width="860px" cellpadding="0" border="0" cellspacing="0">
<tr><td width="40px"> </td>
<td align="center" width="250" valign="top" style="padding-top: 30px;"><img src="images/location.png" /><br /><br /><br /><a href="http://www.begousa.com" target="_blank"><img src="images/bego_logo.png" border="0" /></a><br /><br /><img src="images/preat_logo.gif" /><br /><br /><br /><!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub = "aardvarkri";</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[url]', '[TITLE]')" onmouseout="addthis_close()"
onclick="return addthis_sendto()"><img
src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125"
height="16" border="0" alt="" /></a><script type="text/javascript"
src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END --></td>
<td valign="top" align="left" style="padding-top: 20px;">
<div class="comments">Comments:</div>
<iframe src="http://itmadeadifference.wordpress.com/2008/12/15/3/#respond" style="background-color: #ffffff; padding-left: 10px;"
scrolling="yes" width="490px" height="600px" frameborder="0" marginwidth="0" marginheight="0"></iframe>
</td><td width="40px"> </td>
</tr>
</table>
</center>
</body>
</html>`
Similar TutorialsHey all. Can anyone help? I want to make a feature of my site that if you follow a broken link or navigate to a page that doesnt exist, you will get one of 3 different 404 pages. My hosting allows for one catch - all error page, but I was wondering if theres a function in html that redirects immediately to aother page. Thanks in advance Hello. =) On one of my webpages, I want to link to a specific page in a PDF file. I can't get it to work in Firefox for some reason, and I haven't found the answer online. I used this in Internet Explorer, and it worked just fine: http://www.mysite.com/doc2.pdf#page=6 Is there a way to do the same thing in Firefox? I hope someone can help; thanks in advance! here's the initial page: http://www.shscorp.ca/content.aspx?f...incentives.htm If you click on "GLOBE Board of Directors" on the left hand menu, it won't jump to the section #board on the index.htm page. Why is that? I already placed the <a name="board"></a> tag on the other page. Any help is great. Sorry, my title is unclear see if I can explain it better he ok when I click from any of the other pages to the menu page, the name and address (which is on every page in the same place) moves to the left slightly. the name and address stay in the same place when clicking to and from any of the other pages, its just the menu page with this hiccup. This happens both in IE and Firefox. Any ideas on how to correct this?? HTML of home page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="EN-GB"> <meta name="author" content="xxxxxxx"> <meta name="description" content="Kabasa Guest House and Restaurant - Online"> <meta name="copyright" content="2011"> <meta name="keywords" content="Kabasa Guest House and Restaurant, Places to stay in Kenya, Accomdation in Kenya"> <title>Kabasa Guest House and Restaurant</title> <link rel="stylesheet" type="text/css" href="styles6.css"> </head> <body> <ul id="navbar"> <li><a href="home.html">HOME</a></li> <li><a href="menu.html">MENU</a></li> <li><a href="room.html">ROOMS</a></li> <li><a href="rates.html">RATES</a></li> <li><a href="book.html">BOOK</a></li> </ul> <div id="header"> <h1>Kabasa Guest House and Restaurant</h1> <div id="address"> <pre> xxxxxxxx xxxxxxx xxxxxxxxx Tel: +00000000000 </pre> </div> </div> <br> <p class="center"> The Kabasa guest house and restaurant is situated just a<br> few metres from the worlds second largest fresh water<br> Lake Victoria. We welcome you to come and experience our<br> accommodation with excellent service at affordable rates.<br> </p> <br> <img src="Images/d4.jpg" class="center"/> <br> <div id="footer"> <p>Copyright 2011 © Kabasa Guest House and Restaurant. All rights reserved</p> </div> </body> </html> HTNL of the menu page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="EN-GB"> <meta name="author" content="xxxxxx"> <meta name="description" content="Kabasa Guest House and Restaurant - Online"> <meta name="copyright" content="2011"> <meta name="keywords" content="Kabasa Guest House and Restaurant, Places to stay in Kenya, Accomdation in Kenya"> <title>Kabasa Guest House and Restaurant</title> <link rel="stylesheet" type="text/css" href="styles6.css"> </head> <body> <ul id="navbar"> <li><a href="home.html">HOME</a></li> <li><a href="menu.html">MENU</a></li> <li><a href="room.html">ROOMS</a></li> <li><a href="rates.html">RATES</a></li> <li><a href="book.html">BOOK</a></li> </ul> <div id="header"> <h1>Kabasa Guest House and Restaurant</h1> <div id="address"> <pre> xxxxxxxxxx xxxxxxxx xxxxxxxxx Tel: +0000000000 </pre> </div> </div> <h2>Menu</h2> <div id="menucenter"><b>We offer a full continental buffet breakfast table service by order.</b> <b>We also offer room service.</b></div> <div id="menu"> <pre> <u>Full Breakfast</u> Our full breakfast gives you a choice of the following: Fruits : Pineapple, Watermelon, Sweet Banana, Pawpaw, Oranges Fresh Juice : Passion, Mango, ****tail Cereal : Weetabix or Corn flakes served with cold or warm milk Toast, sausages, eggs and bacon <u>Beverages</u> Drinking chocolate, Tea, Nescafe, Milo <u>Snacks</u> Sandwiches (by order), chips, sausages, beef rolls, samosas (chicken, beef and vegetables), meat pie, cakes. <u>Main meals/courses</u> Chicken Curry, Chicken Masala, chicken stew, butter chicken, boiled chicken, chicken biriani, chicken wet fry. All served with Rice, ugali, chapatti, pasta, spaghetti and vegetables with garnishing Beef Stroganoff, beef stew, beef curry, fried beef, boiled beef, beef masala Whole (stewed or fried) tilapia, Fish fillet in coconut source, Fresh (stewed Tilapia), Whole (masala) Tilapia All Served with rice, ugali, chapatti and vegetable garnishing <u>Soups</u> Vegetable cream, Tomato cream, French onion soup, Served with Crotons. Traditional Kenyan Vegetables served with Ugali, Rice, Mash Potatoe, Boiled Potatoes, Baked Potatoes and fried vegetable rice <u>Salads</u> Kachumbari, we also have a number of assorted fruits and vegetable salads. <u>Burgers</u> Cheese beef burgers, Egg beef burgers, Beef burgers <u>Choma Zone</u> T-bone steak (400gms), pork chops, barbeque chicken, prime fillet steak <u>Beers</u> Tusker, White Cap (Tusker Malt), Guinness, Smirnoff ice (black and red) <u>Juices</u> Soda, Alvaro, Novida, Mineral water, Passion, Avocado </pre> </div> <div id="footer"> <p>Copyright 2011 © Kabasa Guest House and Restaurant. All rights reserved</p> </div> </body> </html> CSS: Code: body {
margin:2% 4%;
font-family:'lucida grande',tahoma,helvetica,sans-serif;
font-size:11pt;
color:#006;
background:#ffc;
}
#navbar {
float:left;
width:12%;
margin:0;
padding:0;
font-size:20px;
list-style-type:none;
}
#navbar li {
margin-bottom:2px;
}
#navbar a {
display:block;
padding-left:8px;
background-color:#cff;
}
#navbar a:hover {
color:#000;
background-color:#fff;
}
#header {
margin-left:%;
}
h1 {
text-align:center;
margin-right: 10%;
}
#address {
width:182px;
padding:0 4px;
margin: auto;
font-family:arial,sans-serif;
font-size:10pt;
font-weight: bold;
background-color:#fff;
filter:alpha(opacity=75);
opacity: 0.75;
}
h2 {
clear:both;
margin-top:3%;
margin-left:%;
text-align:center;
}
h3 {
clear:both;
margin-top:3%;
margin-left:%;
text-align:center;
}
h6 {
margin: auto;
left:0;
right:0;
width: 655px;
font-weight: bold;
font-size: 10pt;
font-family: arial, sans-serif;
}
#rates {
padding:8px;
background-color:#fff;
filter:alpha(opacity=75);
opacity: 0.75;
}
#rates span {
text-decoration:underline;
font-weight:bolder;
}
#menu {
margin: auto;
left:0;
right:0;
width: 675px;
background-color:#fff;
filter:alpha(opacity=75);
opacity: 0.75;
}
#menucenter {
text-align: center;
}
p.center {
text-align: center;
}
img.center {
margin-left: auto;
margin-right: auto;
display: block;
}
#footer {
clear: both;
width: 100%;
font-family: Arial Unicode MS;
font-size: 8pt;
text-align: center;
}
Many thanks Jackie not sure if i need a js for this but I have a web page using page jump links to navigate a FAQ page. However, I would rather have a drop down menu/form with the links instead of a list of text links. Anybody have a clue? thanks in advance. This is what I have so far as an example... <form name="jump"><select id="select" name="select"> <option value="" selected="selected">Select</option> <option value="#1">Category 1</option> </select></form> <a id="1" name="1"></a> Category 1 Hi, I'm trying to create a horizontal-scrolling website. I set it up in two frames: the top frame is the navigation, and the bottom frame is the main frame where all of the content is. The content is formed in iframes/div layers. I want, however, the links in the top frame to scroll to the content in the main frame. Help? I've been trying all sorts of things. here's what i have now TOP FRAME: <a href="#news"><img src="mockupnews.jpg" width="101" height="37" border="0"></a> <a href="#issuesmockupindex.html"><img src="mockupissues.jpg" width="118" height="39"></a> <a href="#supportorscontact"><img src="mockupsupportors.jpg" width="219" height="35" border="0"></a> <a href="#supportorscontact"><img src="mockupcontact.jpg" width="142" height="38"></a> MAIN FRAME: <div id="Layer1"><img src="mockup1.jpg" width="2032" height="600" /><img src="mockup2.jpg" width="1628" height="600" /><img src="mockup3.jpg" width="1380" height="600" /></div> <a name="news"><div id="Layer2"><iframe src ="/newsfeed.html" name="news" width="100%" height="550"></a></iframe></div> <a name="issues"><div id="Layer3"><iframe src ="/issues.html" name="issues" width="100%" height="550"></a></iframe></div> <div id="Layer4"><iframe src ="/supportcontact.html" name="supportcontact" width="100%" height="550"></a></iframe></div> Hi i am trying to put this page in an normal IFRAME: http://www.krishnamedia.org/ebooks/1.1.htm But everytime i open the pages with the jump menu it opens in a new page NOT the iframe, whys it doing that!?? This is the Iframe urls:: http://www.krishnamedia.org/ebooks/widget.htm Hello HTML Forum, I've been looking everywhere for some solution to making a normal jump menu, like the one below: HTML Code: <form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="#">unnamed1</option>
<option value="#">unnamed2</option>
<option value="#">unnamed3</option>
<option value="#">unnamed4</option>
</select>
</form>
- into something more attractive, with rounded corners for example. I've seen enough Nifty Corners Cubes and the sorts. Please help me out with some CSS. I'm stumped! By the way... I might've posted this in the wrong section, but there were more readers here.. I just realised that too... Sorry. Hi, I'm doing a small project for my school. And I have a problem. I'm using a page with two iframes. One has photo's the other has text. What I'm trying to do is jump from one frame to another part in the Other frame, and back. I've tested it sofar in Chorme and it all works. But it doesn't in Firefox and IE... Firefox opens it in a new tab, IE in a new window. Is there someway to let them jump the the specified frame??? Her is my site: http://stap.iam.hva.nl/~frieli03/ I hope you can help me out! Thanks in advance, Joren I have a table with two cells. The top cell has a jump menu created in Dreamweaver and reads as follows: Code: <form name="form" id="form">
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option value="#" selected="selected">Choose</option>
<option value="http://www.myURL.com" target="foo">myURL</option>
</select>
</form>
When I choose an option I want the results to appear in the cell below which I've populated with an iframe: Code: <iframe name="foo"></iframe> When I 'change' the jump menu, it takes me to a new page rather than populating the iframe in the target cell. How do I make the change in the jump menu call the URL into the cell below without directing me to a new page? Thanks in advance - sleepydad I am having the worst time trying to figure this one out. I created a site for a hair salon and every time each page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below. I've tried reducing the amount of tables, removing the Rollover JS and replacing with CSS and making tables exact width instead of 100% but no luck. Thank you so much for taking the time to read this. http://www.studiodbypaolosalon.com Hello guys ! Ok, i have this website: www.global-publicity.com and, how you see, i have two jump menus there . Well i wonder how can i do to click on Choose continent and when i click on Europe automatically open in left and right frames two html pages in there BUT open my second menu also (ROMANIA) Hope you understand and sorry for my bad english... First, forgive me i'm a noob! Am attempting to rebuild our sorry website. Am kinda picking the whole html thing up, however, am building in frontpage and expressions because those are the programs i have. page i'm working on is: ygcc.org/testing i embedded a video, but would like to position it to line up w/ everything else. i like how it looks centered, but its not aligned correctly w/ the other objects on the page. also, everything else is "positioned" on the page, whereas the media is "aligned" so, it doesn't stay put if i resize my browser next problem i'm having is jump menu or tree menu. i want a drop boxes, such as are on the page, however, would like it if it was a horizontal menu, not individual boxes like they are. right now, the drop boxes are only drop boxes (for "forms") and do not hyperlink. if i "insert jumpmenu" then, i cannot put them beside each other in a row. if i attempt to put them in a row, they are like steps, not straight across. i d/led a program to help w/ menus, but i don't even understand it. when i attempted what it told me to do, i do not get a menu. i know i need to put javascript in, but apparently do not understand this enough to actually do it. in short i would truly appreciate some help. thanks in advance Hi, Could someone help me code this page to fit a screen full width, regardless of the monitor width? No scrolling, just auto-scale to fit the full monitor. Ignore the crappiness, just a rough layout draft made in paint. Thanks. Hi, I am working for support and got one issue raised.. My webpage has 3 print blocks .. when i minimize the browser the alignment of third block remains same and hence I good horizontal space bar for that while other two blocks align/resize themselves according to new page size.. Kindly suggest which tag /etc i need to check I am having issues with this page loading: http://www.avidcat.com/Submit-Site.htm Sometimes it loads fine on my screen and other times it locks up after loading just the header. Does anyone here have any problems opening this page? I am trying to determine if the problem is a conflict with the new shopping cart we are using. Thanks Hello World! (Where did that tradition start anyways?) Yes, I am fairly new at web design, and am using the method of "search-Google-whenever-you-have-a-problem-as-you-go" to learn HTML. I am pretty happy with the results I am getting in Dreamweaver, but there is one nagging thing that is throwing a kink into my designs. I have the majority of the content that is unique to each page within a table cell (<td>). Since I wanted to have the background color of the cell match exactly to an image that tops off the page body, I decided to have the background be one pixel of that color that repeats across the whole table cell. Originally, I just defined the background in the starting tag using "style=" then specifying the background. (Dreamweaver made sure I had it right using its Code Hinting). The background shows up perfectly when in the Dreamweaver editing view, but when looking at the page in any other view (Live view, preview in browser, etc.), the background of that cell is just white. I tried defining the background with a CSS ID, which has worked on other parts of the page, but no beans. What am I doing wrong? Is the fact it is only one pixel that has to repeat an issue? Here is the code: <td width="100%" height="103" colspan="8" align="center" id="page_background_beige" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: solid; border-top-width: 1; border-bottom-style: none; border-bottom-width: medium;"> <!-- TemplateBeginEditable name="Body" --> //In here goes all of the content of the page <!-- TemplateEndEditable --></td> The CSS: #page_background_beige { background-image: url(Background_Pixel.png); background-repeat: repeat; } Thanks, Wookieguy (Heh, I know tables are a fairly sloppy way to do things, but this is a fairly simple site anyways.) Having an issue with page positioning and alignment. My html skills are limited at best but Im trying to set up a layout template for my ebay sales. what I want is for the page/table to have fixed borders so that the horizontal scroll bar at the bottom doesn't' appear as I enter large amounts of text, instead I'd like to have it expand downwards to accommodate whatever I enter instead of expanding outwards to the right as its currently doing. I realize the code may be a bit of a mess, but Im seriously stuck, I've messed with all the tags but I can't seem to figure out what is causing this problem, any tips at all from anyone would be much appreciated. link to layout http://surrenderyourwings.com/layout.html Hi there, Im ( the friend who tested it on her pc ) having trouble with a function, would appreciate any help with this since on my PC all works flawlessly. Even on the browser on she has (Chrome).. OK SCRAP THE ABOVE I just updated my Chrome version.. (seems I need to check the browser version in order to make it update) to the same she has: 12.0.742.112 Annnd.. what do you know. Im having the same issue with my site now. So, chrome 10 -> no problems at all. I update... and, the terror starts. Please, have a look at this website here. The backgrounds may take a while to load.. thanks for your patience. It seems that the page, that needs to slide in from the right. Is having a z-index issue? But their z-index is the highest, so it cant be that. Please have a look at the IE's and FF's for how it should react. I appreciate any input, suggestions or help given! My jump menu/form has the attribute of target="_blank" but it doesn't seem to work. I'm a first time newb so i don't understand why. I have created a link and use the att _blank and it works fine. Any help would be super cool. Thanks. http://216.172.187.90/~httpmtfd/appr...es_archive.php http://216.172.187.90/~httpmtfd/agenda_archives.php |
|||||||