|
HTML - Code Not Working In Ie8
I've been battling this for over a week and still can't figure out how to fix it.
The page in question is he http://www.vivation.com/test3/ On the bottom right hand "purple" area is displayed 'Workshops & Course Offerings", followed by a list of class offerings. This was done using the following "example" positional code: Code: <DIV style="position: absolute; top: 320px; left: 300px;"> <p align="left" class="workshopheader"><strong> <font color="#FFCC00">Workshop & Course Offerings</font></strong></p> </DIV> As you can see it looks great in both Firefox and Safari, but does not show up *at all* in IE. I have no idea why not, and thus no idea how to correct it so it will show up in all browsers. Any help or insights would be most appreciated! Similar TutorialsI have tried, unsucessfully, to create a form that gives options and choices and then a grand total at the end. Someone with more ideas might see my errors and hopefully get me back on track... I don't know how to get a different answer by someone selecting a different choice or option, and lord knows how to get the total to happen at the bottom of the page. I tried to read, but no answers seem to fit. Thank you for your time and talent, Here is my code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Machine Quilting Work Sheet2</title> </head> <body> <p> <p> <form method="POST" action="--WEBBOT-SELF--" name="test" onSubmit=""> <!--webbot bot="SaveResults" startspan U-File="_private/form_results.txt" S-Format="TEXT/CSV" S-Label-Fields="TRUE" --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan --> <p>Enter Width: <INPUT NAME="Product_Quilt_Width" SIZE=5> Enter Length: <INPUT NAME="Product_Quilt_Length" SIZE=5><p> Add 8 inches to the Width to get the Minimum Width <input name="Product_Batting_Width" onblur="document.test.Product_Batting_Width.value = document.test.Product_Quilt_Width.value*1 + 8;" size="5"></p> <p> Multiply Quilt Width by Quilt Length to get the Total Square Inches <input type=text name=Total_Square_Inches onblur="document.test.Total_Square_Inches.value = document.test.Product_Quilt_Width.value * document.test.Product_Quilt_Length.value;" size="10"> </p> <p> <input type="radio" value="Total Square Inches x $.02" name="Choice1"> Choice costs Total Square Inches x $.02</p> <p> <input type="radio" value="Total Square Inches x $.03" checked name="Choice2"> Choice costs Total Square Inches x $.03</p> <p>Total Square Inches Multiplied by $.02 <input type=text name=Total_Square_Inch_cost onblur="document.test.Total_Square_Inch_cost.value = document.test.Total_Square_Inches.value * .02;" size="10"> </p> <p>Total of Choice selection <input type="text" name="Choice_Selection_Total" size="20"> </p> <p>Total Square Inches Multiplied by Choice option <input type="text" name="T1" size="20"> </p> <p><select size="1" name="Binding"> <option selected value="$6.00">Binding_Cost</option> <option>No Binding</option> <option value="$10.00">Binding All</option> </select> Binding cost add into Total Cost </p> <p>Grand Total Cost <input type="text" name="Grand_Total_Cost" size="10" onblur="document.test.Total_Cost.value = document.test.Total_Square_Inch_cost.value + document.test.Binding.value;" size="10"> </p> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> <p> </p> </body> hi i have this code done up it seems to work internally but does not work externally when i send it to someone else. any ideas why this is here is the code Code: <body> <form action="mailto:joebloggs@gmil.com" method="POST" enctype="multipart/form-data" name="EmailTestForm"> <img height="70" border="0" width="400" usemap="#locations" src="http://www.harvest-financial.ie/Contact_Us/upload/Image/harvestlogo.jpg" </br> <br> <br> <INPUT type="radio" name="Answer" value="Yes I am interested in a meeting. Please contact me to arrange a meeting">Yes I am interested in a meeting. Please contact me to arrange a meeting<BR> <INPUT type="radio" name="Answer" value="No I do not require a meeting"> No I do not require a meeting<BR> <INPUT type="radio" name="Answer" value="Yes I am interested in a meeting but at a later date. Please contact me in a months time">Yes I am interested in a meeting but at a later date. Please contact me in a months time<BR> </br> </br> </br> <div align="center"><input type="submit" value="Submit"></div> </body> I'm stumped on this one. I've got code that runs fine in all browsers other than IE7. Here's the kicker, the page displays DIFFERENTLY every time I load it up in IE7. Sometimes it shows up correctly, sometimes the elements appear stacked. I've never heard of this happening, and the only variable I can think of was the order in which the elements loaded, so I built a pre-loader in to the index page, but still no luck. Elements load differently sometimes. Any help?? The page is live at: http://milesmediation.com/mediators_main.html The part that is appearing differently is in an i-frame, the html for that is http://milesmediation.com/mediators_home.html Thank you for any help, I'm stumped on this one!! hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you Code: <html>
<head>
<title>
JavaScript array sort() alphabetically
</title>
<script type="text/javascript">
var arr = new Array(1);
arr[1]=prompt("enter a line of text")
document.write("Original Array is: "+arr+"<br>");
document.write("Sorted array is: "+arr.sort()+"<br> ");
</script>
</head>
</body>
</html>
Hey everyone, I am new to HTML-CSS-etc. and I have a problem. When I am building my page within Dreamweaver and preview it in my browser-my CSS dropdown menu works fine. Then I import everything(files/directories) onto my FTP server and make it go live on my site. When I make it live on my site, everything shows, except the CSS menu bars DO NOT drop down or do anything. Here is the snip of the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>MahaRaja_RedRedeux</title> <link rel="icon" href="templates/fav.gif" type="image/x-icon"> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> //]]> </script> <script type="text/javascript" src="required/popmenu.js"> </script> <style type="text/css"> /*<![CDATA[*/ <!-- @import url('required/maharaja.css'); @import url('required/maharaja-menus.css'); --> /*]]>*/ </style> <style type="text/css"> /*<![CDATA[*/ li.c1 {width:89px;} /*]]>*/ </style> <link href="required/maharaja-menus.css" rel="stylesheet" type="text/css"> </head> Does anyone see anything wrong here? Hi, I ran a code validation on my site (www.improvizations.com), it came back with 11 errors. Many of them look like this: Line 9, Column 31: there is no attribute "leftmargin". <body topmargin="0" leftmargin="0" marginwidth="0" rightmargin ="0" marginheight and this: Line 15, Column 43: required attribute "alt" not specified. <div id="logo"><img src="images\logo.gif" /></div> How do I fix this? Also, my site looks fine in IE but awful in Firefox. What's going on? Any help would be greatly appriciated. I'm a newbie with all of this. Thanks!! Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum? Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff. Thanks. I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. i have installed IIS 5.1 in my XP machine but when i type http://localhost it shows a blank page. Hey all I have just joined these forums as I am learning HTML and CSS. However the book that I am following does not appear to be working. I have created a custom class in css called "Stewart" and a test page to test it however it does not appear as I have defined. Below is the code for the CSS page Quote: <!-- A CSS style sheet --> body { font-size: 10pt; font-family: Arial; color: black; line-height: 14pt; padding-left: 5pt; padding-right: 5pt; padding-top: 5pt; } h1 { <!-- ALso possible to define different classes see SAM's teach yourself HTML and CSS p59 --> background-color: pink; font-size: 14pt; font-family: Arial; font-weight: 20pt; color: red; } h2 { font-size: 12pt; font-family: Arial; font-weight: 20pt; color: red; } h3.silly {font: 36pt Comic Sans; } h3.serious {font: 8pt Arial; } p.subheader { font-weight: bold; color: green; } <!-- Custom Class, use the div heading to create a custom class --> DIV.stewart {font-size: 30pt; color: red; font-style: italic; } And here is the code for the test page Quote: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--The above is a link to the css file in this directory --> <title>CSS Test sheet</title> </head> <body> <h1> This is a test sheet for my css, it might possibly look different every time. </h1> <h3 class="silly"> Silly</h3> <p> The above text is silly class of heading 3</p> <h3 class="serious">serious</h3> <p> The above text is serious class of heading 3 </P> <p> <div class="stewart">This is my own custom style</div> </p> </body> </html> Can someone please explain where I am going wrong. I am using IE on WIndows 7. I have a code for div and the strange thing is that it is working in empty html code but if i put it in an existing html code then it will not work! please help!!! Hi Guys, I have this link: <a href="programs/XMLPoster.exe">programs/XMLPoster.exe</a> It works when i view it in Firefox, but gives me an error when i click it in i.e? Do you know why this is happening? Ideally i want to be able to launch the .exe file and not just ask the user if they want to save it? Thanks, Chloe ~X~ Hi guys, For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work either. I have turned pop-up blocker off but they still don't work. These popups work in every other browser I have tested in, including IE7. It seems to only be IE8 that is having this problem. Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example: Code: <div class="row "> <label >Size: </label> <strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> <span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span> <div style="display: none;" class="size_chart1 hide" > <div class="close"></div> <img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" /> </div> <!-- size chart --> </div> Code: <ul class="fav_link">
<li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li>
<li class="rss"><a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a> </li>
<li class="emailtofriend"><span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a Friend</span> </li>
<li class="blank"><span id="tellafrnd_success_msg_span"></span></li>
<li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide"> <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&pid=402" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe> </div> </li>
<li class="share">
<div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
<script type="text/javascript"><!--
var a2a_config = a2a_config || {};
a2a_config.linkname="Know Your Enemy";
a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=402";
a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2";
a2a_config.num_services = 14;
//--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
</li>
</ul>
I have no idea what could be stopping the lightbox from working. Anybody have any suggestions as to what the problem might be (and how I can rectify it)? If you need more info, let me know... Thanks! I've found a website that shows my Steam status every amount of time, just like the rest of other websites. This banner or gamecard should show if i'm online, what i'm playing and other stuff that is in the gamecard. The website has an option for yourself to put your own PNG image as the card's background. I entered the link correctly of the image and after that it gave me the codes to put them wherever i want. The problem is that when i submit the code wherever i want (Forums) the image doesnt show but the code in text itself. The PNG had transparent parts so i tried on a pure black background, didnt work either. Then i noticed the code has some different values/elements from the included images that the website comes with. This is the code of my custom PNG image: Code: http://steamsigs.com/steam.php?id=ik....png&tborder=1 And this is with the default image of the website: Code: http://steamsigs.com/steam.php?id=ik...rmal&tborder=1 I also tried different text borders and options. You can try yourself doing the gamecard he www.steamsigs.com You will need a custom Steam ID url, but you can use mine: ikamikaze15 And if it could be something wrong with the image, here it is: http://i1000.photobucket.com/albums/...ndoGR15/ua.png Thanks for helping. Hi, I'm a self-taught web designer with not a lot of experience and need some help please! This website shows up perfectly in Chrome + Firefox, but it completely fails in IE. http://fparchitectural.ca/beta/ I'm guessing it's a css/div issue. Hopefully it is a simple fix. Please Help. I'm new to this forum and was not quite sure where to post this but I am having some trouble putting this code I made into my myspace and making it work. It shows up correctly on the normal browser but when I go to add it to my page it doesn't work. Any help would be appreciated. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<style type="text/css">
#picturebox {
background: #transparent;
background-image:url('http://img231.imageshack.us/img231/6485/tvphotosmallergs4.jpg');
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 631px;
}
#moviebox {
background: #FFFFFF;
background-repeat: no-repeat;
position: absolute;
top: 120px;
left: 168px;
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<div id="picturebox">
<div id="moviebox">
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=721534&server=www.vimeo.com&fullscreen=1&show_title=1&show_byline=1&show_portrait=0&color="> <param name="quality" value="best" /> <param name="allowfullscreen" value="true" /> <param name="scale" value="showAll" /> <param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=721534&server=www.vimeo.com&fullscreen=1&show_title=1&show_byline=1&show_portrait=0&color=" /></object>
</div>
</div>
</body>
</html>
Thank you! I have the following code, and it only works in Internet Explorer and Netscape, but I need it to work with those and firefox and opera. HTML Code: <style>
body {background: #555555; font-family: arial; margin: 20;}
table.body {width: 85%; height: 100%;}
td.body {background: #fcfcfc;}
table.nav {width: 200; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black;}
td.navbuttonhead {background: url(assets/images/structure/fadebar.png); border-bottom: 1px solid #191919; color: white;}
td.navbuttonoff {background: #6a6a6a; border-bottom: 1px solid #191919; border-top: 1px solid #8A8A8A;}
td.navbuttonon {background: #8C8C8C; border-bottom: 1px solid #191919; border-top: 1px solid #8A8A8A;}
td.navbuttonofftop {background: #6a6a6a; border-bottom: 1px solid #191919;}
td.navbuttonontop {background: #8C8C8C; border-bottom: 1px solid #191919;}
td.bodyleft {width: 12; background: url(assets/images/structure/bodybgleft.png); border-right: 1px solid black;}
td.bodyright {width: 12; background: url(assets/images/structure/bodybgright.png); border-left: 1px solid black;}
a.navbutton {text-decoration: none; color: white;}
img {border: none;}
a.link {color: #404040; text-decoration: none;}
a.link:hover {color: #404040; text-decoration: underline;}
</style>
<table class="nav" cellspacing="0" cellpadding="2" style="margin-bottom: 4;" id="tableCollapsed1" style="display: none;">
<tr>
<td class="navbuttonhead">
<a href="#" class="navbutton" onclick="collapse(1)"><div>Test</div></a>
</td>
</tr>
</table>
<table class="nav" cellspacing="0" cellpadding="2" style="margin-bottom: 4;" id="tableExpanded1">
<tr>
<td class="navbuttonhead">
<a href="#" class="navbutton" onclick="expand(1)"><div>Test</div></a>
</td>
</tr>
<tr>
<td class="navbuttonofftop" onmouseover="className='navbuttonontop'" onmouseout="className='navbuttonofftop'">
<a href="#" class="navbutton"><div style="padding-left: 2;">Text</div></a>
</td>
</tr>
<tr>
<td class="navbuttonoff" onmouseover="className='navbuttonon'" onmouseout="className='navbuttonoff'">
<a href="#" class="navbutton"><div style="padding-left: 2;">Text</div></a>
</td>
</tr>
<tr>
<td class="navbuttonoff" onmouseover="className='navbuttonon'" onmouseout="className='navbuttonoff'">
<a href="#" class="navbutton"><div style="padding-left: 2;">Text</div></a>
</td>
</tr>
</table>
<script type="text/javascript">
function expand(id) {
document.getElementById("tableCollapsed" + id).style.display="none";
document.getElementById("tableExpanded" + id).style.display="block";
}
function collapse(id) {
document.getElementById("tableExpanded" + id).style.display="none";
document.getElementById("tableCollapsed" + id).style.display="block";
}
</script>
Any help would be nice. |
|||||||