|
HTML - A Strange One.....
I'm having a really bizarre problem on my site here http://www.onlykitchens-almunecar.co...signvisit.html
On this particular page I have a form that is working fine in firefox but the page won't load in IE only from today and I don't think I have changed anything The form is working fine in firefox and posting ok and returning errors as i am using this form validation script Code: <script language="JavaScript" type="text/javascript">
<!--
/***********************************************
* Required field(s) validation v1.10- By NavSurf
* Visit Nav Surf at http://navsurf.com
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
function formCheck(formobj){
// Enter name of mandatory fields
var fieldRequired = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details");
// Enter field description to appear in the dialog box
var fieldDescription = Array("Name", "Surname", "Address", "Town", "Province", "Post Code", "Telephone", "Email", "Selection", "Details");
// dialog message
var alertMsg = "Please complete the following fields:\n";
var l_Msg = alertMsg.length;
for (var i = 0; i < fieldRequired.length; i++){
var obj = formobj.elements[fieldRequired[i]];
if (obj){
switch(obj.type){
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
default:
}
if (obj.type == undefined){
var blnchecked = false;
for (var j = 0; j < obj.length; j++){
if (obj[j].checked){
blnchecked = true;
}
}
if (!blnchecked){
alertMsg += " - " + fieldDescription[i] + "\n";
}
}
}
}
if (alertMsg.length == l_Msg){
return true;
}else{
alert(alertMsg);
return false;
}
}
// -->
</script>
The weird thing is if i take this code out it loads in IE and when I put it back in it don't. Its been working fine in IE with it in up until today. I need this validation script, and as i said its been working in IE for weeks with it in in. So I suppose what I am trying to get to the bottom of is why it is working in firefox but not in IE? If anyone could help i'd greatly appreciate it! Similar TutorialsWell, it seemes like it all messes up right now... And I'm going crazy. Take a look at this example page: http://www.stianbl.co.cc/Test2/teknisk_TEST1.html Here, everything should work, since the code is the same I used for this page: http://www.stianbl.co.cc/Test2/teamet.html The problem is: 1. I cant get the hover effect to work on the 3 "pages", or fact-sheets, that should be clickable to dll the .doc file. But its the same way I did on the site "teamet", and it works there. 2.I cant position the header anymore. As it is now, opera reads it as I want it (the header, and navigation part), but IE hides it... Any help would be much appreaciated! Now this is a strange one. If you visit my site via http://amatoc.com and then you visit it with http://www.amatoc.com You will notice that the site with www added is smaller than the one without! (Occurs using firefox) Anyone have an explanation for this? I'd like to preface this with a note that, although I'm a programmer, my web technologies knowledge is pretty much non-existent, so I hope I'm just doing something silly here. I am setting up photo galleries on my and my wife's web sites using a flash based photo gallery called FotoPlayer. This program has a "Site Creator" function that allows a header, footer, some basic extra pages to be added to it. I started by creating a simple header that consists of 3 png files. This is added in a file called header.inc, and is used by FotoPlayer to create the pages. Code: <div style="height: 60px;"> <a href="index.html"><img src="site/images/roz-title.png" alt="Home" align="left" border="0"></a> <a href="album.html"><img src="site/images/roz-cyrene.png" alt="Cyrene Gallery" align="right" border="0"></a> </div> <br> <div style="width: 100%;"> <img src="site/images/roz-bar.png" alt="Gradient" border="0" height="4" width="100%"> </div> This looks as I expect in FireFox and Chrome, but has several problems when viewed with IE6. The left and right pictures have the "not found" images and text over them, and the gradient bar does not stretch. The other problem I'm having is some extra scroll bars being added (again, only in IE6) when the page length is longer that the browser display height. If I disable running of scripts in IE6 these problems disappear so I assume this is caused by FotoPlayer not liking my simple code. However, I have looked at about 20 other sites (some way more complicated than mine) created with FotoPlayer and they all look good in IE6, so this leads me to suspect that I am at fault here. I posted this to the FotoPlayer Forum a couple of days ago, but there has not been any answers. I'm hoping someone here can take a quick look at the page and tell me what I might be doing wrong. This is the test page: http://roz-warren.net -Mike hi, I have a css popup window (a lightbox) for videos, opened by javascript. If I want to close it, I've to select the white overlay on the background. On Windows, everything works very well in Firefox, IE and Safari. On Mac, I can't use the flash player controls because when I click on it, the video is closed (I guess because the overlay is selected even if it is behind the video). Isn't strange ? thanks I designed a site using HTML and CSS. The site works fine on all browsers except on the client's pc. He has IE 7. When I try it on my computer using the same browser IE7 it works fine. I told him to try the site on FFox and it worked ok. He wants the site to run on his pc using IE. I tried asking him to clear all cookies... doenst work. Any ideas want can be the problem? THANKS! I am working on a new site layout, and for some reason in IE6/IE7 if you go directly to the webpage I am working on, it doesn't load correctly (won't load my background gradient, and doesn't format the site properly) when I try to reload the page, I get the same problem. if I go to any site (with css, without css, etc) and then go to my page it loads properly. the source code is the same when it loads properly and when it doesn't so I have absolutely no idea how to fix this problem. Regards, David King Hi, I'm trying to make some changes to the basic design of my site, but when I add Adsense it's doing something strange. In IE7 it's fine, but in FF it displays with incorrect colors and the size is chopped from 468x60 to about 230x60. I can't explain it, because on the other pages I've made the changes everything is fine. ***************************************** Problem seems corrected now. Have no idea how it persisted for 36hrs, but it's fine now (shaking head). ***************************************** Thanks, Dave H I have two sections of my school website, one for study, one for plans. I have indexes for each, and links in the indexes that go to "journals." Sadly, for some reason, the plans one is working find, when I click on a link in the index it stays in the same category and then goes down, but the study one goes to my homepage. I'll try doing a diagram to help you guys out The arrows represent a link I can click on: (I took out the http b/c this site made the links shorter with ... and you wouldn't be able to see what I'm about to point out) Plans Section http://linus.yhspatriot.net/cs/at/st...Cai/2006/Plans --> http://linus.yhspatriot.net/cs/at/st...lan.html#Intro Study Section (Doesn't work) http://linus.yhspatriot.net/cs/at/st...Cai/2006/Study --> http://linus.yhspatriot.net/cs/at/st...-11.html#12-11 Notice the problem is that in the first one, it stays in plans, but in the second one, it actually leaves Study, and goes to Folsom_Cai. Here's the code for the plans index: HTML Code: <ol> <li> 1st Quarter Plan (finished)</li> <ul> <li><a href="1stQuarterPlan.html#Intro">Introduction</a></li> </ul> </ol> Here's the code for the Study index: HTML Code: <li>Week of 12-11 <ul> <li><a href="12-11.html#12-11">Thinking about the Classroom Code</a></li> </ul> </li> Here's where I define the name <a name=""> so it will go to a certain part of the page Plans: HTML Code: <p><a name="Intro"></a></p> Study: HTML Code: <h3><a name="12-11"><span>12-11</span></a></h3> thanx for any help, feel free to ask a question - i'll respond in this forum Hi, I was tweaking some of code on my page and when I was finished, some strange symbols are on it and I don't know how to get them off. Here is the page: http://pacificnewsnow.com/index2.htm In IE it appears as small boxes and in Firefox as a question mark in a diamond. Also, do you know how to fix the text so that it isn't cut off on the top and bottom in the headline? And, how can I make more space between the lines of text in the paragraph? Thanks. Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>the-undefined.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function getURL(val){
base = 'http://www.the-undefined.net/index.php?id=ep';
location = base + val;
return false;
}
</script>
</head>
<body bgcolor="#2A2A2A">
<table align="center" width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" colspan="2">
<table width="450" border="0" cellspacing="5" cellpadding="0"><tr>
<td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td>
<td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td>
<td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td>
<td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td>
<td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td>
<td> </td>
</tr></table>
</td>
</tr>
<tr>
<td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;">
<?php
// checks if $z is defined
if($id) {
$x = basename($id);
// Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php
$id .= ".php";
// Checks if $z is in the current directory
if (is_file("./$id")) {
// Includes $z
include($id);
} else {
// If $z is not in the current directory, an error comes out
echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>";
}
} else {
// Include main.php if $z is not defined
include("home.php");
}
?>
</td>
</tr>
<tr>
<td align="left">
<table width="170" border="0" cellspacing="5" cellpadding="0"><tr>
<td> </td>
<td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td>
</tr></table>
</td>
<td align="right">
<table width="200" border="0" cellspacing="5" cellpadding="0"><tr>
<td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td>
<td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td>
<td> </td>
</tr></table>
</td>
</tr>
</table>
<center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center>
</body>
</html>
And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! On another forum I posted this: Quote: Originally Posted by Originally Posted by Turbohog Well, my site: http://www.freewebs.com/turbohog/ only seems to work correctly in full window in firefox. If you make the window smaller words from one column will start going to other columns and stuff! And it flat out doesn't work in IE or Opera. I want the words to stay in their proper column when you change the window size, I know it's possible. Please help. Then someone replied: Quote: Originally Posted by Originally Posted by Someone When you float (read: align="left" etc) an element like a table to the left or right, it'll always be as far left as it can go in the constraints. In this case, the constraint is the actual window, meaning your left and right-floated tables are always going to be on the left and right of the window. Since you've created those two tables first, they take priority over the center table, causing your overlapping tables. "Fixing" it isn't all that difficult, and it involves creating an invisible frame around your three table layout to keep them organised. Take out the align="whatever" crap, and, around the three tables, make another table with no border which has a width of 100%. Make one row with three cells in this table, and put each of your column tables in them. Align one cell to the left, one to the center and one to the right, and you have your frame. Then I posted: Quote: Originally Posted by Originally Posted by Turbohog Thanks, but I think I messed up. How can I get it so all the tables are spread out like they are in full window in firefox and the middle is a bit messed up: Code:http://turbohog.wordpress.com/?p=9 Use http://www.freewebs.com/turbohog/ as a reference, I appreciate the help! And no one replied, I desperately need the help and it would be highly appreciated! Hey guys I am creating this website http://www.upfrontdesigns.co.uk/build/services.html but when you click on the click here for more info click it more down to the correct section but the header disappears in firefox. Its ok in IE tho Any Ideas? There are 2 strange things on my webpage. Their at the bottom of the page (com) and (ed) I dont know how to get them off the page, i cant see them in the html code. http://www.amazinghealthalerts.com/ Can someone help me find them? I've been running into a bit of trouble trying to get a tabular setup working in XHTML using some limited CSS stuff. I've been working with a new layout for my existing site. The main idea is he http://www.etherealdivine.com/newsite/new.html As you can see, there are some issues with the menu text staying where it should. Here's the code for that page: Code: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Ethereal Divine</title>
<style type="text/css">
body {
font-family: Croobie, Comic Sans MS;
}
</style>
</head>
<body style="border: 0; margin: 0; color: red; background-color: black;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%; text-align: center">
<h1>Ethereal Divine</h1>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 30%;">
<b>Menu</b><br/><br/>
Page 1<br/>
Page 2<br/>
Page 3<br/>
Page 4<br/>
Page 5<br/>
Page 6<br/>
Page 7<br/>
Page 8<br/>
Page 9
</div>
<div style="display: table-cell; width: 70%;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
<img src="border.jpg" alt="Header Image" width="100%"/>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
Welcome to Ethereal Divine<br/><br/>
News<br/>
News<br/>
News<br/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
© Amber & Brendan 2008
</div>
</div>
</div>
</body>
</html>
Strangely, if the image-containing div has just text in it, everything works the way it should: http://www.etherealdivine.com/newsite/new_text.html Any tips would be helpful, I just can't figure out what I'm doing wrong. Both pages have been validated using validator.w3c.org. Thanks in advance. This is a problem that is not really a problem. With one of my websites, the flash does not display properly when I view the site from a file on my computer. When I view the site online, everything is properly displayed. When viewing the file (when I test the page with my CoffeeCup html editor) in the browser, flash items such as video players, news feeds, and audio players, show with the bottom and right hand portions clipped off. Again, when viewing the page on the web, everything is normal. I have coded the flash on this page the same way I have coded it on my other websites, and on the other sites there is no problem. I have gone over the stylesheet for the page and found no errors. I have been unable to find any html coding errors that might account for this. Anyone else ever run into this sort of thing? Hello again, I'm getting this error when I view my portfolio pagel in Internet Explorer. It works fine in Firefox & Safari and Opera. I think it's to do with the javascript file but I don't know why because there's nothing from with line 89 of it, it's declaring a variable Code: Message: Object required Line: 89 Char: 1 Code: 0 URI: http://absolute-websites.com/script.js What's happening is it's not display 2 video's. I have an iFrame on my website as the main navigation. You click a text link on the left and the iFrame changes. BUT... when I click on a link on the left, the iFrame refreshes and goes to my homepage when it shouldn't. The pages are already made and the html looks ok. Anybody got ideas why this is happening? I have a grid jpeg that should be showing up just right of the news text in this link: http://kos-mediadesign.com/news.html. I have the opacity of the image set to .4 / 40/% and it displays perfectly in all major browsers on windows and OSX 10.5, except when it is viewed on my laptop which is OSX 10.6. I'm just after noticing now that the image actually appears underneath the drop shadow effect of an overlaying window, say, if you have a finder window open on top of the browser. Very strange. Has anyone experienced this and is there a work around? Hello to everyone. I have very strange problem with html. This is the page link http://www.mrgole.net/Mobiflirt When you open the page the secound image field in main content is empty, but when you refresh and wait 1 sec, repeating this until the picture is showen. I really don't know whay this is happening. And I also noticed with firebug when picture is displayed html code is ok, but when the picture isn't the html code add ''href'' tags. Example: This is the right code when picture is dispayed: Quote: <div id="content_box"> <a href="#"> <div id="box_img"> </div> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> </a> </div> And this is the code when picture is not dispayed, and browser or somebody adds the new ''href'' tag. Quote: <div id="content_box"> <a href="#"> </a> <div id="box_img"> </div> <a href="#"> </a> <div id="box_title"> <span class="name_title">JanjaXxX</span><br> <br> <br> <span class="p_content">Starost: 23 let Regija: Dolenjska išče moškega </span> </div> <a href="#"> </a> </div> The problem only expose in Firefox. |
|||||||