|
HTML - Top Part Disappear, Solved Only Restarting Firefox
hi,
sometimes the top part of my website disappears... When I restart Fiirefox the problem is solved. If refresh the page it... the problem is still there... thanks Similar TutorialsDon't worry, I've solved it. Okay, I've done a fair amount of web design & development, but sometimes I hit a problem which I can't get around, so I usually ask someone else. Anyway, I've finished a new site but in Firefox, IE and Opera, everything looks slightly askew. So I then slice it in ImageReady. Perfect. Although I know I should just use the sliced one, but I want to know where I went wrong, and frankly, I can't use the sliced version like I could mine. Anyway, here are the links - My version: http://firephoenixnet.com/echoes/ Sliced version: http://firephoenixnet.com/echoes/echoessliced Thanks in advance, Firebird5 For some reason one part of my table isn't formatting correctly. I believe I've set it up correctly but one slice is not in the correct place. Any suggestions as to why? http://www.essencia-spa.com/december...l%20blast.html my code is easily viewable by View -> View Source EDIT: SOLVED. Just solved the issue with a colspan issue. Thanks to anyone who took a look at this. Hey guys, First i'd just like to say in advanced thanks for the help. Anyway here is my question I have created a website with godaddy's website tonight which is basically a simple cookie cutter program. But I cant seem to find out where to insert a button that says something like "Click here to Print" then that prints off a document I have in Micrsoft Word. So I was wondering if anyone could tell me how to do this in HTML. Thanks again guys. Tyler McGinnis ps sorry its such a noobish question Hi I hope you can help me. The problem is only in explorer 9 and only if you choose "use not recommended settings" when explorer 9 starts for the first time. Both my menu, parts of the logo and a lot of other texts disappears. www.nordicwebdesign.dk I would like to have some text and/or image appear on a page. And at a date/time have it disappear/expire. Is this possible? Is it html or a script? Any direction would help THANKS! Dave Hello everyone! I have a quick questions that I cannot figure out the past few months. I have a website for the private school I work at and we have our webpage set up mostly using Dreamweaver with .html pages and Dreamweaver templates. Here's my question: When links on the top dropdown menu bars are clicked, they disappear when you go back and look, they are still there, but just not visisble until I reset the browser cookies and history. Any ideas??? BTW, the website is www.scrantonprep.com If you use the dropdown menus up top and click on something, you will then see that when you go back or access the site again, the one you clicked on disappears. Any help with this matter would GREATLY be appreaciated!! Greetings, My menus will function on my firefox browser but not in IE or Safari. Check it here... i am thinking it is a problem with css/js..... couldn't tell you any help? dmrosemark.com Thanks in advance Hey guys, I was wondering if there was a possible way to make a link disapppear after it is clicked, and for it to stay that way until the link is changed. Help? Thanks I am not sure if this goes here or not but here it goes. I have a image I created in Fireworks and it is png but I have tried this as jpg. Anyways, the image as a border around it and I am not sure why and why I can not get rid of it. ON fireworks it doesn't show a border but it does on the site and don't know why. Here is the code for the image. Code: <img src="images/contestHeader.png" border="0" width="570" alt="2008 Sarazen Dr Decorating Contest" /> Here is the page for the image. http://www.mesquitechristmas.com/contest.html Anyone have an idea why this is happening? BTW I am using FF -Thanks //Html code <html> <head> <script language="javascript"> function abc() { var fname=document.myform.fno.value; if(fname==""||fname==null) { alert("Name Field is blank"); return false; } output(); } function output() { alert("Output Section"); var name=document.myform.fno.value; document.getElementById('name').innerHTML=name; var vehobj=document.myform.vehicle; var vehchecked=[]; var numberofoptions=vehobj.length; for(k=0;k<numberofoptions;k++) { if(vehobj[k].selected==true) { vehchecked[k]=vehobj[k].value; } } var vehicles=vehchecked.join(" "); document.getElementById('veh').innerHTML=vehicles; var fruity=document.myform.fruit; var fru=[]; var fruit_total=""; for( i=0;i<fruity.length;i++) { if(fruity[i].type=="checkbox") { if(fruity[i].checked) { //fru.push(fruity[i].value); fruit_total+=fruity[i].value+" "; } } } document.getElementById('fruity').innerHTML=fruit_total; alert("Ends"); } </script> </head> <body> <form name="myform" onsubmit=" return abc()"> <br><br><br><br><br><br> Name : <input type="text" name="fno" maxlength=20/><br><br> Phone Number :<input type="text" name="pno" maxlength=10/><br><br> Email : <input type="text" name="email" maxlength=20/> Address : <textarea name="address" maxlength=200></textarea> <br><br> Vehicle: <select name="vehicle" multiple="multiple"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> <br><br> Fruits you like<br> Mango:<input type="checkbox" name="fruit" value="mango"><br> Grapes:<input type="checkbox" name="fruit" value="grapes"><br> Apple:<input type="checkbox" name="fruit" value="apple"><br><br> <input type="submit" value="submit" /> </form> <br><br><!-- Click to get output<input type="button" value="Click" onclick="output()"/> --> <h2>Output</h2> Name : <b id="name"></b><br> Phone Number :<b>8825247455</b><br> Email :<b>y_j@gmail.com</b><br> Address :<b>Akshay Flat no 22,Linking road,Mumbai</b><br> Vehicle :<b id="veh"></b><br> Fruits :<b id="fruity"></b><br> </body> </html> ************************************************* I am learning javascript this is just a practicing code. What i want is as soon as validation part is over next function must be called up and o/p must be printed at the ends. It works but as final line of output method executes the data disappear from output. Please help me to resolve this issue. I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Hi Guys, someone very kindly helped this morning with an issue I had. I'm putting together a portfolio and have encountered another problem!: It lines up okay in Dreamweaver. But when I visit it on the web: http://www.studioeighty.co.uk/portfolio/ There is a big gap, then all the text is centred instead of aligned to the left. Is this easy to fix? thanks Steve Hello, Somehow I get a weird part on top of my website, it shouldn't be there really, this is my head -> |||||||||||||||||||||||||\ <head> <title>|| Welcome to the Myth Academy homepage ||</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #75D2F3; } --> </style> <script type="text/javascript"> var dom = (document.getElementById) ? true : false; var ns5 = (!document.all && dom || window.opera) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false; var origWidth, origHeight; // avoid error of passing event object in older browsers if (nodyn) { event = "nope" } /////////////////////// CUSTOMIZE HERE //////////////////// // settings for tooltip // Do you want tip to move when mouse moves over link? var tipFollowMouse= true; // Be sure to set tipWidth wide enough for widest image var tipWidth= 180; var offX= 30; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "8pt"; // set default text color and background color for tooltip here // individual tooltips can have their own (set in messages arrays) // but don't have to var tipFontColor= "#000000"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#000080"; var tipBorderWidth= 3; var tipBorderStyle= "ridge"; var tipPadding= 4; // tooltip content goes here (image, description, optional bgColor, optional textcolor) var messages = new Array(); // multi-dimensional arrays containing: // image and text for tooltip // optional: bgColor and color to be sent to tooltip messages[0] = new Array('images/icarus.jpg','Icarus',"#FFFFFF"); messages[1] = new Array('images/ares.jpg','Ares',"#FFFFFF"); messages[2] = new Array('images/caerus.jpg','Caerus',"#FFFFFF"); messages[3] = new Array('images/helios.jpg','Helios',"#FFFFFF"); messages[4] = new Array('images/nopic.jpg','Manticore',"#FFFFFF"); messages[5] = new Array('images/nopic.jpg','Typhon',"#FFFFFF"); messages[6] = new Array('images/nopic.jpg','Leviathan',"#FFFFFF"); messages[7] = new Array('images/nopic.jpg','Omega',"#FFFFFF"); messages[8] = new Array('images/abbadon.jpg','Abbadon',"#FFFFFF"); //////////////////// END OF CUSTOMIZATION AREA /////////////////// // preload images that are to appear in tooltip // from arrays above if (document.images) { var theImgs = new Array(); for (var i=0; i<messages.length; i++) { theImgs[i] = new Image(); theImgs[i].src = messages[i][0]; } } // to layout image and text, 2-row table, image centered in top cell // these go in var tip in doTooltip function // startStr goes before image, midStr goes between image and text var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = tooltip.style; if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px"; tipcss.fontFamily = tipFontFamily; tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor; tipcss.backgroundColor = tipBgColor; tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px"; tipcss.padding = tipPadding+"px"; tipcss.borderStyle = tipBorderStyle; } if (tooltip&&tipFollowMouse) { document.onmousemove = trackMouse; } } window.onload = initTip; ///////////////////////////////////////////////// // doTooltip function // Assembles content for tooltip and writes // it to tipDiv ///////////////////////////////////////////////// var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) { if (!tooltip) return; if (t1) clearTimeout(t1); if (t2) clearTimeout(t2); tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3]; else curFontColor = tipFontColor; if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; if (tipOn) positionTip(evt); } ///////////////////////////////////////////////////////////// // positionTip function // If tipFollowMouse set false, so trackMouse function // not being used, get position of mouseover event. // Calculations use mouseover event position, // offset amounts and tooltip width to position // tooltip within window. ///////////////////////////////////////////////////////////// function positionTip(evt) { if (!tipFollowMouse) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; } // tooltip width and height var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft; var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = mouseX-(tpWd+offX)+"px"; else tipcss.left = mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = winHt-(tpHt+offY)+"px"; else tipcss.top = mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false; } document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') </script> </head> |||||||||||||||||||||||||\ this is how my page looks like: http://img207.imageshack.us/img207/4111/bahwn8.jpg It's probably something in the script but I can't find the error part, I don't know if this is because of the javascript part or a mistake in the html tags. Please help me out I've had problems in the past trying to get IE6 to display DIVs the same way as FF and IE7 displays them. So I recently decided to make a "skeleton" page just for the header section as a fresh start and I still can't figure out how to appease ol' IE6. I want the two DIVs to be side by side. But they aren't See what I mean: http://www.innotechnutrition.com/seeessess.php The CSS Code: body {
text-align: center;
}
#container { /* does IE6 not like the line breaks? */
width: 770px;
margin: 0px;
padding: 0px;
}
#header {
width: 770px;
margin: 0px;
padding: 0px;
}
#headerLeft {
width: 50%;
float: left;
margin: 0px;
padding: 0px;
border: 1px solid #000; /* this won't show in IE6 for some reason */
background: #ccc; /* this won't work either */
}
#headerRight {
width: 50%;
float: left;
display: inline;
margin: 0px;
padding: 0px;
border: 1px dotted #000; /* this don't show in IE6 for some reason */
background: #333; /* this won't work either */
}
The HTML (doctype: DTD XHTML 1.0 Transitional) 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-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="container"> <div id="header"> <div id="headerLeft"> LEFT div </div> <div id="headerRight"> RIGHT div </div> </div> </div> </body> </html> i have an image & i don't want to slice it to many images & i want to make just a part of it appear..for example, i want to use it's left corner in a place, then use it's right corner in another place can this be done?? i remeber i saw it somewhere here but can't remember where Hi. Im trying to use the background style of: http://www.freelayouts.com/templates...-Blue#download I looked through the .HTML for almost an hour, but I cant find ANY mention of the background. Heres the text: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Bright Blue by christopher robinson http://www.edg3.co.uk/ hope you enjoy it and find it usefull :) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title>edg3.co.uk | Bright Blue</title> <link rel="shortcut icon" href="image/favicon.ico" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en-gb" /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="author" content="Christopher Robinson" /> <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" /> <meta name="mssmarttagspreventparsing" content="true" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="revisit-after" content="7 days" /> </head> <body> <div id="header"> <h1>Bright <span>Blue</span></h1> </div> <div id="content"> <div id="main"> <h1>Important</h1> <p>Licensed under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a>. I have left the actual text design style very basic for you to add your own text / header / quotes / list etc. styles yourself.</p> <h1>About</h1> <p>Designed by Christopher Robinson of <a href="http://www.edg3.co.uk/">EDG3</a>.</p> <p>This template would be great as a simple personal site which only needs little content and a few pages, you are free to use this design for whatever purpose you wish as long as you do <strong>NOT</strong> sell it or claim it as your own and you leave the link back to my site at the bottom of your pages.</p> <h1>Filler Text</h1> <p>Donec sodales tempor neque. Vivamus faucibus interdum ante. Suspendisse tincidunt nibh. Sed quis libero sit amet dui faucibus egestas. Quisque varius dapibus risus. Cras tincidunt malesuada velit. Vestibulum vel turpis eu sem vehicula eleifend. Sed tristique, lacus ut tempus lobortis, tellus lorem cursus nunc, vel convallis dui magna nec massa. Phasellus sed est. Phasellus purus sem, sodales sit amet, iaculis sed, lobortis eget, metus. Proin ut mi. Praesent accumsan commodo nisi. Aliquam erat volutpat. Vestibulum urna. Ut in quam sit amet dui pharetra pellentesque. Suspendisse id ipsum. Nulla urna leo, ultricies sit amet, posuere ut, elementum et, magna. Mauris tempus mi ut metus. </p> <p>Phasellus viverra sapien non nunc. Integer est enim, nonummy eu, tempus convallis, mollis ut, lorem. Morbi ornare mattis nulla. Pellentesque in risus at ligula scelerisque malesuada. Morbi elementum nisl sit amet purus. Cras erat quam, suscipit id, tincidunt in, dignissim ac, risus. Aliquam nunc. Donec tristique, felis sit amet bibendum blandit, arcu libero congue nibh, in bibendum nisl arcu at enim. Quisque varius velit vel dolor. Curabitur arcu tortor, lacinia ac, consectetuer nec, imperdiet nec, quam. Sed sed magna. Integer eget sem. In rhoncus eleifend orci. Morbi pharetra, justo at cursus nonummy, metus lectus ullamcorper est, sit amet consequat justo mauris sit amet augue. Aenean vel libero. Proin vehicula. Integer sollicitudin. Duis varius consequat leo. Fusce ultricies purus eu est.</p> </div> <div id="sidebar"> <ul class="navigation"> <li><a href="http://www.edg3.co.uk/about/" class="active">About</a></li> <li><a href="http://www.edg3.co.uk/">Blog</a></li> <li><a href="http://www.edg3.co.uk/contact/">Contact</a></li> </ul> <h1>Sponsered Links</h1> <ul> <li><a href="http://www.4templates.com/?aff=christopher">4Templates</a></li> <li><a href="http://www.edg3.co.uk">Christopher Robinson</a></li> <li><a href="http://www.evohosting.co.uk/affiliate/idevaffiliate.php?id=133">EVO Hosting</a></li> <li><a href="http://www.openwebdesign.org/userinfo.phtml?user=christopher">Open Web Design</a></li> <li><a href="http://www.opendesigns.org/profile/?user=christopher">Open Web Design</a></li> <li><a href="http://www.text-link-ads.com/?ref=31171">Text Link Ads</a></li> <li><a href="http://www.w3csites.com/profile.asp?u=christopher">W3C Sites</a></li> </ul> <h1>Blogroll</h1> <ul> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> </ul> </div> </div> <div id="footer"> <p>Copyright © <a href="#">Bright Blue</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br /> Sponsored by <a href="http://www.opendesigns.org/">Open Designs</a> | Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a href="http://validator.w3.org/">XHTML</a></p> </div> </body> Can one of you induviduals that acctualy know how it workes please point me in the corect direction? Thanks.. Hello, This is similar to my last post that has been already marked resolved so I'm starting a new one. I can't figure out how to have a TABLE WITHIN A TABLE be at 100% height and not create a scroll bar in IE. One table alone, there is no problem, but when you nest another table, a scroll bar appears. Here is a link to a visual example: www.thehamandcheese.com If you use Firefox, you can see how I would like it to work. But if you use IE, you will see how I don't want it to work. How do I get IE to work like FF? Here's the code of that link: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<link href="StyleSheet.css" type="text/css" rel="stylesheet"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
BODY { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
FORM { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
</style>
</head>
<body>
<form runat="server">
<table style="height:100%; width:100%; border-color: Red" border="3" cellspacing="0" cellpadding="0">
<tr>
<td style="height:100%; width:100%">
<table style="height:100%; width:100%; border-color: Blue" border="3" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" align="center">
Hello
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Thanks, Alec I'm trying to hotlink just part of an image and I've used the following html to do so: <img src="intouchheader4green2.1.PNG" border="0" width="900" height="250" usemap="header"> <map id="header" name="header"> <area shape="rect" coords="9,169,79,194" alt="Home" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> <area shape="rect" coords="53,199,122,223" alt="About" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> <area shape="rect" coords="134,190,204,215" alt="Contact" href="http://www.geocities.com/lancasterroots/SuzannesTestPages/test.html"> </map> But, when I use this, each part of the image hotlinks exactly how I want it to when I open it in Mozilla Firefox, but in Internet Explorer, nothing happens. At all. The hotlinks just don't exist in IE but they do in Firefox. Any suggestions? Thank you. Suzanne. Hey I have a site that has a weekly newsletter; people sign up through an opt in box... What I want to do is after they sign up and hit submit, I want them redirected to the same page right under the opt in box so that they can start right where they left off. Does anyone know how to redirect to a certain point on a web page? Thanks. i have a trivia site, so far with 500 or so questions and answers. the answers each have a separate html page, but i am looking for a way to put them all on about 5 pages, and just have one section display in a frame when the question is answered. i have figured out how to display a certain part of a page, but the problem is, i don't want anything else from the page displayed, because they are all embedded youtube videos and they would all start at once. am i just stuck with having an html page for each answer? if you can help god bless you i'm really stuck on this. this is basically what the page will look like, even though there's much work to be done so all the links aren't working, etc... http://trilogy.awardspace.com/iframe.html |
|||||||