Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Roll Over images not working on one page


  • Please log in to reply
13 replies to this topic

#1 Delta16

Delta16

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:10:16 PM

Posted 14 September 2009 - 10:29 AM

The roll over images are not "rolling Over" to the other image. It is only on one page. The other pages are working.

Validated the code, but cant seem to understand what the errors are. :/

Validation Output:  30 Errors

   1. Error Line 152, Column 237: required attribute "alt" not specified

	  …1" height="45" border="0" id="home"/></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
   2. Error Line 156, Column 271: required attribute "alt" not specified

	  …"45" border="0" id="contactbutton" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
   3. Error Line 172, Column 302: Attribute "onload" exists, but can not be used for this element.

	  …="2" border="0" id="Spacer2" onload="" /></a>

	  ✉

	  You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

	  This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

	  How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
   4. Error Line 242, Column 277: required attribute "alt" not specified

	  …ight="190" border="0" id="digital" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
   5. Error Line 246, Column 16: ID "Sample1" already defined

		   	<div id="Sample1"><a  href="Animals.php" onmouseout="MM_swapImgRestore()" 

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
   6. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

   7. Error Line 246, Column 266: required attribute "alt" not specified

	  …ight="190" border="0" id="animals" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
   8. Error Line 248, Column 13: ID "betweenspacer" already defined

		   	<div id="betweenspacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
   9. Info Line 244, Column 9: ID "betweenspacer" first defined here

	  <div id="betweenspacer"></div>

  10. Error Line 250, Column 16: ID "Sample1" already defined

		   	<div id="Sample1"><a  href="Computers.php" onmouseout="MM_swapImgRestore()

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  11. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  12. Error Line 250, Column 273: required attribute "alt" not specified

	  …ght="190" border="0" id="computer" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  13. Error Line 253, Column 15: ID "bottom" already defined

			  <div id="bottom">

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  14. Info Line 238, Column 12: ID "bottom" first defined here

		   	<div id="bottom"></div>

  15. Error Line 257, Column 13: ID "LeftSpacer" already defined

		   	<div id="LeftSpacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  16. Info Line 239, Column 12: ID "LeftSpacer" first defined here

		   	<div id="LeftSpacer"></div>

  17. Error Line 259, Column 15: ID "Sample1" already defined

			  <div id="Sample1"><a  href="Games.php" onmouseout="MM_swapImgRestore()" onm

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  18. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  19. Error Line 259, Column 273: required attribute "alt" not specified

	  …"0" style="float:left"  id="games" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  20. Error Line 261, Column 18: ID "betweenspacer" already defined

			  <div id="betweenspacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  21. Info Line 244, Column 9: ID "betweenspacer" first defined here

	  <div id="betweenspacer"></div>

  22. Error Line 263, Column 16: ID "Sample1" already defined

		   	<div id="Sample1"><a  href="Photography.php" onmouseout="MM_swapImgRestore

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  23. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  24. Error Line 263, Column 290: required attribute "alt" not specified

	  …="190" border="0" id="photography" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  25. Error Line 265, Column 18: ID "betweenspacer" already defined

			  <div id="betweenspacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  26. Info Line 244, Column 9: ID "betweenspacer" first defined here

	  <div id="betweenspacer"></div>

  27. Error Line 266, Column 16: ID "Sample1" already defined

	   		<div id="Sample1"><a  href="Movies.php" onmouseout="MM_swapImgRestore()" o

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  28. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  29. Error Line 266, Column 260: required attribute "alt" not specified

	  …eight="190" border="0" id="movies" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  30. Error Line 267, Column 18: ID "bottom" already defined

		 		<div id="bottom"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  31. Info Line 238, Column 12: ID "bottom" first defined here

		   	<div id="bottom"></div>

  32. Error Line 268, Column 18: ID "LeftSpacer" already defined

		 		<div id="LeftSpacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  33. Info Line 239, Column 12: ID "LeftSpacer" first defined here

		   	<div id="LeftSpacer"></div>

  34. Error Line 270, Column 12: ID "Sample1" already defined

			  <div id="Sample1"><a  href="Landscape.php" onmouseout="MM_swapImgRestore()" on

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  35. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  36. Error Line 270, Column 274: required attribute "alt" not specified

	  …ht="190" border="0" id="landscape" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  37. Error Line 271, Column 13: ID "betweenspacer" already defined

	   		<div id="betweenspacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  38. Info Line 244, Column 9: ID "betweenspacer" first defined here

	  <div id="betweenspacer"></div>

  39. Error Line 272, Column 14: ID "Sample1" already defined

	   	 	<div id="Sample1"><a  href="Sports.php" onmouseout="MM_swapImgRestore()" onm

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  40. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  41. Error Line 272, Column 258: required attribute "alt" not specified

	  …eight="190" border="0" id="sports" /></a></div>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  42. Error Line 273, Column 16: ID "betweenspacer" already defined

		   	<div id="betweenspacer"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  43. Info Line 244, Column 9: ID "betweenspacer" first defined here

	  <div id="betweenspacer"></div>

  44. Error Line 275, Column 18: ID "Sample1" already defined

			  <div id="Sample1"><a  href="Vehicles.php" onmouseout="MM_swapImgRestore(

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  45. Info Line 242, Column 16: ID "Sample1" first defined here

			<div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestor

  46. Error Line 275, Column 274: required attribute "alt" not specified

	  …ght="190" border="0" id="vehicles" /></a>

	  ✉

	  The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

	  Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
  47. Error Line 279, Column 18: ID "bottom" already defined

			  <div id="bottom"></div>

	  ✉

	  An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
  48. Info Line 238, Column 12: ID "bottom" first defined here

		   	<div id="bottom"></div>


BC AdBot (Login to Remove)

 


#2 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:07:16 AM

Posted 14 September 2009 - 08:36 PM

Do you have the code that you validated?

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#3 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:02:16 PM

Posted 15 September 2009 - 11:07 AM

What did you use for a validator? Those are the most clear, concise, and easily understandable error messages that I think I have ever seen. Eve n if I didn't know what was going on, I could look up most of that on Bing.

#4 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:10:16 PM

Posted 15 September 2009 - 02:02 PM

Do you have the code that you validated?


The code that i validated is below :
<!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=utf-8" />
<title>Wallpaper Heaven - Home</title>
<link href="CSS.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">
<!--
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_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
	if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
	  img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
	  if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
	  nbArr[nbArr.length] = img;
	  for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
		if (!img.MM_up) img.MM_up = img.src;
		img.src = img.MM_dn = args[i+1];
		nbArr[nbArr.length] = img;
	} }
  } else if (event == "over") {
	document.MM_nbOver = nbArr = new Array();
	for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
	  nbArr[nbArr.length] = img;
	}
  } else if (event == "out" ) {
	for (i=0; i < document.MM_nbOver.length; i++) {
	  img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
	nbArr = document[grpName];
	if (nbArr)
	  for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
	document[grpName] = nbArr = new Array();
	for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
	  if (!img.MM_up) img.MM_up = img.src;
	  img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
	  nbArr[nbArr.length] = img;
  } }
}
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_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];}
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];}
}
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];}
}

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];}
}
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];}
}
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>


<style type="text/css">
<!--
body,td,th {
	margin-left:auto
	margin-right:auto
	color: #CCC;	
   
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #00F;
}
a:active {
	text-decoration: none;
}
body {
	margin-left: 0%;
	margin-right: 0px;
}
-->
</style></head>
<body onload="MM_preloadImages('images/Side Nav Bar Over/image_16.gif','images/Side Nav Bar Over/image_18.gif','images/Side Nav Bar Over/image_26.gif','images/Side Nav Bar Over/image_28.gif','images/Side Nav Bar Over/image_30.gif','images/Side Nav Bar Over/image_32.gif','images/Side Nav Bar Over/image_34.gif','images/Side Nav Bar Over/image_38.gif','images/Side Nav Bar Over/image_40.gif','images/Side Nav Bar Over/image_42.gif','images/Side Nav Bar Over/image_44.gif','images/Side Nav Bar Over/image_46.gif','images/Side Nav Bar Over/image_48.gif','images/Side Nav Bar Over/image_50.gif','images/Side Nav Bar Over/image_52.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_54.gif','images/Side Nav Bar Over/image_56.gif','images/Samples/digitalartover_22.gif','images/Samples/animalsover_22.gif','images/Samples/computerover_22.gif','images/contactover_11.gif','images/Samples/gamesover_22.gif','images/Samples/moviesover_22.gif','images/Samples/photographyover_22.gif','images/Samples/landscapeover_22.gif','images/Samples/sportsover_22.gif','images/Samples/vehiclesover_22.gif')">
<div class="all" align="center">
	<div  align="center" class="Banner">

		<div id="Logo" align="center"></div>
 	 	<div id="BannerGFX"></div>
 	 	<div id="Login"></div>
 	  <div id="Search"><form method="get" action="rednblack.vndv.com">

<div style="border:0px solid black;padding:0px;width:226px;">
<table border="0" cellpadding="0">
<tr><td align="right">
<input type="text"   name="q" size="13"
 maxlength="255" value="" />
<input type="submit" value="Search" /></td></tr>
<tr><td   align="right" style="font-size:20%">

</td></tr></table>
</div>

</form>
</div>

</div>
		
	</div>
	
	<div class="NavBar">

		
	<div id="Left"></div>
		<div id="Top"></div>
		<div id="Right"></div>
		<div id="Left2"></div>
		  
		<div id="HomeButton" ><a  href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/homeover_09.gif',0)"><img src="images/image_09.gif" name="home" width="91" height="45" border="0" id="home"/></a></div>
	   
		<div id="NavbarSpacer"></div>
	   
		<div id="ContactButton"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contactbutton','','images/contactover_11.gif',1)"><img src="images/image_11.gif" name="contactbutton" width="91" height="45" border="0" id="contactbutton" /></a></div>
 	   
		<div id="RightNavBar"></div>
		<div id="TopBody" align="justify" style="color:#000"><a href="index.php">Home</a> •</div>
  
<div class="Body" id="Sidenavbar" align="center">
	<table>
	  <tr>
		<td height="32" align="center">
		
		<a href="Digital Art.php" target="_top" onclick="MM_nbGroup('down','group1','DigitalArt','images/Side Nav Bar Over/image_16.gif',1)" onmouseover="MM_nbGroup('over','DigitalArt','images/Side Nav Bar Over/image_16.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_16.gif" alt="" name="DigitalArt" width="192" height="32" border="0" id="DigitalArt"  /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer','',1)" onmouseover="MM_nbGroup('over','Spacer','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer" width="192" height="2" border="0" id="Spacer"  /></a>
	
	<a href="Animation.php" target="_top" onclick="MM_nbGroup('down','group1','Animation','images/Side Nav Bar Over/image_18.gif',1)" onmouseover="MM_nbGroup('over','Animation','images/Side Nav Bar Over/image_18.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_18.gif" alt="" name="Animation" border="0" id="Animation"  /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer2','',1)" onmouseover="MM_nbGroup('over','Spacer2','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Over/image_17.gif" alt="" name="Spacer2" width="192" height="2" border="0" id="Spacer2" onload="" /></a>
	
	<a href="Animals.php" target="_top" onclick="MM_nbGroup('down','group1','Animals','images/Side Nav Bar Over/image_26.gif',1)" onmouseover="MM_nbGroup('over','Animals','images/Side Nav Bar Over/image_26.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_26.gif" alt="" name="Animals" width="192" height="32" border="0" id="Animals" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer4','',1)" onmouseover="MM_nbGroup('over','Spacer4','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer4" width="192" height="2" border="0" id="Spacer4" onload="" /></a>
	
	<a href="Cartoons.php" target="_top" onclick="MM_nbGroup('down','group1','Cartoons','images/Side Nav Bar Over/image_28.gif',1)" onmouseover="MM_nbGroup('over','Cartoons','images/Side Nav Bar Over/image_28.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_28.gif" alt="" name="Cartoons" width="192" height="32" border="0" id="Cartoons" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer3','',1)" onmouseover="MM_nbGroup('over','Spacer3','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/Side Nav Bar Original/side_17.gif" alt="" name="Spacer3" width="192" height="2" border="0" id="Spacer3" onload="" /></a>
	
	<a href="Computers.php" target="_top" onclick="MM_nbGroup('down','group1','Computers','images/Side Nav Bar Over/image_30.gif',1)" onmouseover="MM_nbGroup('over','Computers','images/Side Nav Bar Over/image_30.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Computers" src="images/Side Nav Bar Original/side_30.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer5','',1)" onmouseover="MM_nbGroup('over','Spacer5','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer5" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Female celebs.php" target="_top" onclick="MM_nbGroup('down','group1','Female','images/Side Nav Bar Over/image_32.gif',1)" onmouseover="MM_nbGroup('over','Female','images/Side Nav Bar Over/image_32.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Female" src="images/Side Nav Bar Original/side_32.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer6','',1)" onmouseover="MM_nbGroup('over','Spacer6','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer6" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Games.php" target="_top" onclick="MM_nbGroup('down','group1','Games','images/Side Nav Bar Over/image_34.gif',1)" onmouseover="MM_nbGroup('over','Games','images/Side Nav Bar Over/image_34.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Games" src="images/Side Nav Bar Original/side_34.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer7','',1)" onmouseover="MM_nbGroup('over','Spacer7','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer7" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Holiday.php" target="_top" onclick="MM_nbGroup('down','group1','Holiday','images/Side Nav Bar Over/image_38.gif',1)" onmouseover="MM_nbGroup('over','Holiday','images/Side Nav Bar Over/image_38.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Holiday" src="images/Side Nav Bar Original/side_38.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer8','',1)" onmouseover="MM_nbGroup('over','Spacer8','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer8" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Landscape.php" target="_top" onclick="MM_nbGroup('down','group1','Landscape','images/Side Nav Bar Over/image_40.gif',1)" onmouseover="MM_nbGroup('over','Landscape','images/Side Nav Bar Over/image_40.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Landscape" src="images/Side Nav Bar Original/side_40.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer9','',1)" onmouseover="MM_nbGroup('over','Spacer9','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer9" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Military.php" target="_top" onclick="MM_nbGroup('down','group1','Military','images/Side Nav Bar Over/image_42.gif',1)" onmouseover="MM_nbGroup('over','Military','images/Side Nav Bar Over/image_42.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Military" src="images/Side Nav Bar Original/side_42.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer10','',1)" onmouseover="MM_nbGroup('over','Spacer10','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer10" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Misc.php" target="_top" onclick="MM_nbGroup('down','group1','Misc','images/Side Nav Bar Over/image_44.gif',1)" onmouseover="MM_nbGroup('over','Misc','images/Side Nav Bar Over/image_44.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Misc" src="images/Side Nav Bar Original/side_44.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer11','',1)" onmouseover="MM_nbGroup('over','Spacer11','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer11" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Movies.php" target="_top" onclick="MM_nbGroup('down','group1','Movies','images/Side Nav Bar Over/image_46.gif',1)" onmouseover="MM_nbGroup('over','Movies','images/Side Nav Bar Over/image_46.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Movies" src="images/Side Nav Bar Original/side_46.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer12','',1)" onmouseover="MM_nbGroup('over','Spacer12','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer12" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Music.php" target="_top" onclick="MM_nbGroup('down','group1','Music','images/Side Nav Bar Over/image_48.gif',1)" onmouseover="MM_nbGroup('over','Music','images/Side Nav Bar Over/image_48.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Music" src="images/Side Nav Bar Original/side_48.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer13','',1)" onmouseover="MM_nbGroup('over','Spacer13','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer13" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Photography.php" target="_top" onclick="MM_nbGroup('down','group1','Photography','images/Side Nav Bar Over/image_50.gif',1)" onmouseover="MM_nbGroup('over','Photography','images/Side Nav Bar Over/image_50.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Photography" src="images/Side Nav Bar Original/side_50.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer14','',1)" onmouseover="MM_nbGroup('over','Spacer14','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer14" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Space.php" target="_top" onclick="MM_nbGroup('down','group1','Space','images/Side Nav Bar Over/image_52.gif',1)" onmouseover="MM_nbGroup('over','Space','images/Side Nav Bar Over/image_52.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Space" src="images/Side Nav Bar Original/side_52.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer15','',1)" onmouseover="MM_nbGroup('over','Spacer15','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer15" src="images/Side Nav Bar Original/side_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Sports.php" target="_top" onclick="MM_nbGroup('down','group1','Sports','images/Side Nav Bar Over/image_54.gif',1)" onmouseover="MM_nbGroup('over','Sports','images/Side Nav Bar Over/image_54.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Sports" src="images/Side Nav Bar Original/side_54.gif" border="0" alt="" onload="" /></a>
	
	<a href="java script:;" target="_top" onclick="MM_nbGroup('down','group1','Spacer16','',1)" onmouseover="MM_nbGroup('over','Spacer16','','',1)" onmouseout="MM_nbGroup('out')"><img name="Spacer16" src="images/Side Nav Bar Over/image_17.gif" border="0" alt="" onload="" /></a>
	
	<a href="Vehicles.php" target="_top" onclick="MM_nbGroup('down','group1','Vehicles','images/Side Nav Bar Over/image_56.gif',1)" onmouseover="MM_nbGroup('over','Vehicles','images/Side Nav Bar Over/image_56.gif','',1)" onmouseout="MM_nbGroup('out')"><img name="Vehicles" src="images/Side Nav Bar Original/side_56.gif" border="0" alt="" onload="" />
		  </a>
		</td>
	  </tr>
  </table>
</div>
	 
		<div id="hometop"></div>
	 	<div id="bottom"></div>
	 	<div id="LeftSpacer"></div>
	
		
	  <div  id="Sample1" ><a href="Digital Art.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('digital','','images/Samples/digitalartover_22.gif',1)"><img src="images/Samples/digitalart_22.gif" name="digital" width="218" height="190" border="0" id="digital" /></a></div>
	  
<div id="betweenspacer"></div>
 	 
	 	<div id="Sample1"><a  href="Animals.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('animals','','images/Samples/animalsover_22.gif',1)"><img src="images/Samples/animals_22.gif" name="animals" width="218" height="190" border="0" id="animals" /></a></div>
	 
	 	<div id="betweenspacer"></div>
	
	 	<div id="Sample1"><a  href="Computers.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('computer','','images/Samples/computerover_22.gif',1)"><img src="images/Samples/computer_22.gif" name="computer" width="218" height="190" border="0" id="computer" /></a></div>
	 
		<div id="rightspacer"></div>
		<div id="bottom">
		  
		  
		</div>
	 	<div id="LeftSpacer"></div>
	 
		<div id="Sample1"><a  href="Games.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('games','','images/Samples/gamesover_22.gif',1)"><img src="images/Samples/games_22.gif" name="games" width="218" height="190" border="0" style="float:left"  id="games" /></a></div>
	 
		<div id="betweenspacer"></div>
 	 
	 	<div id="Sample1"><a  href="Photography.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('photography','','images/Samples/photographyover_22.gif',1)"><img src="images/Samples/photography_22.gif" name="photography" width="218" height="190" border="0" id="photography" /></a></div>
	 
		<div id="betweenspacer"></div>
 		<div id="Sample1"><a  href="Movies.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('movies','','images/Samples/moviesover_22.gif',1)"><img src="images/Samples/movies_22.gif" name="movies" width="218" height="190" border="0" id="movies" /></a></div>
   		<div id="bottom"></div>
   		<div id="LeftSpacer"></div>
		
		<div id="Sample1"><a  href="Landscape.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('landscape','','images/Samples/landscapeover_22.gif',1)"><img src="images/Samples/landscape_22.gif" name="landscape" width="218" height="190" border="0" id="landscape" /></a></div>
 		<div id="betweenspacer"></div>
 	 	<div id="Sample1"><a  href="Sports.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sports','','images/Samples/sportsover_22.gif',1)"><img src="images/Samples/sports_22.gif" name="sports" width="218" height="190" border="0" id="sports" /></a></div>
	 	<div id="betweenspacer"></div>
 	 	
		<div id="Sample1"><a  href="Vehicles.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('vehicles','','images/Samples/vehiclesover_22.gif',1)"><img src="images/Samples/vehicles_22.gif" name="vehicles" width="218" height="190" border="0" id="vehicles" /></a>
		  
	  </div>
		
		<div id="bottom"></div>
	 
	 	<div id="Copyright" style="color:#CCC">
			 <p align="center">Copyright © 2009 - Wallpaper-Heaven.co.nr</p>
	 		 <p align="center">All wallpapers on this website belong to their respective copyright holders, Wallpapers can only be downloaded from this website for personal use as desktop wallpapers. If you wish to use these wallpapers for any other use you must get permission from their respective authors. </p>
	   
			   <p align="center">Template Designed By Elements</p>
		 		
			 <p align="center" >  <a href="contact.php" style="color:#CCC"> Contact </a>| <a  href="sitemap.php" style="color:#CCC" > Site Map </a></p>

		</div>
</div>
	   
	</body>
</html>

What did you use for a validator? Those are the most clear, concise, and easily understandable error messages that I think I have ever seen. Eve n if I didn't know what was going on, I could look up most of that on Bing.


You know what the error means, your not a beginner in web development. :thumbsup:

#5 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:07:16 AM

Posted 15 September 2009 - 05:53 PM

Basically what the errors are saying is:
- In some of your pictures your missing the "alt" tag, personally i don't think this is a big deal.
- You have defined multiple <div>'s the that id. Either create new id names or remove the id tag from the repeated divs.

Dont think i missed any...

Edited by KamakaZ, 15 September 2009 - 05:54 PM.

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#6 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:02:16 PM

Posted 15 September 2009 - 06:40 PM

You know what the error means, your not a beginner in web development.


That has nothing to do with it. I use new technologies all the time that forces me to research error messages. I was sort of suggesting that you should sort of do the same since debugging is just as important as actual coding. :thumbsup:

personally i don't think this is a big deal.

Well, it sort of is. The reason there is such a disparity between the way browsers render code is because the people that do the coding often do not adhere to standards. Where Firefox will ignore the lack of an alt tag, IE will not (or vice-versa). Every time developers try to improve browsers in order to be more code compliant, they catch flack because it breaks pages written by lazy developers.

Additionally, the alt tag is no big deal if you don't care about anyone that is visually impaired and using a screen reader to try and navigate your page, nor anyone using a text-only browser. There is a reason that the use of the alt tag is mandated. :flowers:

#7 Andrew

Andrew

    Bleepin' Night Watchman


  • Moderator
  • 8,259 posts
  • OFFLINE
  •  
  • Gender:Not Telling
  • Location:Right behind you
  • Local time:01:16 PM

Posted 15 September 2009 - 09:37 PM

The function on lines 61 - 63 is missing its closing brace (}).

Also, you repeat the same function six times in a row (lines 61 - 84). You only need to do it once.

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];}
} <--ADD THIS BRACE
DELETE THESE
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];}
}
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];}
}

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];}
}
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];}
}
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];}
}


Edited by Amazing Andrew, 15 September 2009 - 09:46 PM.


#8 KamakaZ

KamakaZ

  • Members
  • 739 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Victoria
  • Local time:07:16 AM

Posted 16 September 2009 - 01:52 AM

Well, it sort of is. The reason there is such a disparity between the way browsers render code is because the people that do the coding often do not adhere to standards. Where Firefox will ignore the lack of an alt tag, IE will not (or vice-versa). Every time developers try to improve browsers in order to be more code compliant, they catch flack because it breaks pages written by lazy developers.

Additionally, the alt tag is no big deal if you don't care about anyone that is visually impaired and using a screen reader to try and navigate your page, nor anyone using a text-only browser. There is a reason that the use of the alt tag is mandated. :thumbsup:


Thanks for the insight, i knew visually impaired people relied on alt tags, forgot about text only browsers... Currently i have no problems with pages without the alt tag in IE or FF, just to be safe i'm off to add alt tags :flowers:

There's no place like 127.0.0.1
There are 10 types of people in the world, those that can read binary, and those who can't.


#9 Andrew

Andrew

    Bleepin' Night Watchman


  • Moderator
  • 8,259 posts
  • OFFLINE
  •  
  • Gender:Not Telling
  • Location:Right behind you
  • Local time:01:16 PM

Posted 16 September 2009 - 02:58 AM

More people use text-based browsers than is commonly believed, I think. I sometimes use Links to do basic browsing if I'm having my computer do some kind of heavy CPU-intensive work that'll take a while and will make more feature-heavy browsers like Firefox slow to a crawl.

(Video: Links in use Notice how un-alt'd images show up merely as IMG)

#10 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:10:16 PM

Posted 16 September 2009 - 05:04 AM

Thanks all for the info.

Removed those functions that i had repeated and the rollovers are working fine.

(Video: Links in use Notice how un-alt'd images show up merely as IMG)

Thanks for the example, never seen browsers like that.

From what I read on wiki, the alt tags are used to take place the image when non graphical browser is used, so i think it is only for images. Is it ?

Another question:
When there is an image that redirects the user to another page, in the alt tags should i write "This image redirects you to the Home page" or " Home Page" or " Home"

In your opinion which one of the above you would like to see on a site when your browsing with non graphical browser?

Thanks

Edited by Delta16, 16 September 2009 - 06:23 AM.


#11 Andrew

Andrew

    Bleepin' Night Watchman


  • Moderator
  • 8,259 posts
  • OFFLINE
  •  
  • Gender:Not Telling
  • Location:Right behind you
  • Local time:01:16 PM

Posted 16 September 2009 - 01:13 PM

From what I read on wiki, the alt tags are used to take place the image when non graphical browser is used, so i think it is only for images. Is it ?

As far as I know, the ALT parameter can be applied to several HTML elements, though is only required in the IMG tag in the HTML 4.01 spec.

Another question:
When there is an image that redirects the user to another page, in the alt tags should i write "This image redirects you to the Home page" or " Home Page" or " Home"

The ALT parameter ought to be kept to a short and sweet description of the image (or other HTML element) that would be displayed. For example, an image of a car should have an ALT parameter like "A Red 1968 Chevy Corvette". For more involved descriptions, including what clicking the element would do, use the LONGDESC parameter, for tooltips (those little boxes that show text when you move the mouse over something) use the TITLE= parameter:
<IMG SRC="car.jpg" ALT="A Red 1968 Chevy Corvette" LONGDESC="Clicking this image of a Red 1968 Chevy Corvette will redirect you to your home page" TITLE="Click Here To Go To Your Homepage">

This page here has some good examples of good, bad, and ugly ALT parametes.

#12 Delta16

Delta16
  • Topic Starter

  • Members
  • 417 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Malta
  • Local time:10:16 PM

Posted 17 September 2009 - 02:53 AM

Thanks for the info

#13 Andrew

Andrew

    Bleepin' Night Watchman


  • Moderator
  • 8,259 posts
  • OFFLINE
  •  
  • Gender:Not Telling
  • Location:Right behind you
  • Local time:01:16 PM

Posted 17 September 2009 - 12:56 PM

:thumbsup:

#14 Wolfy87

Wolfy87

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:08:16 PM

Posted 27 September 2009 - 04:36 PM

I feel that CSS is better for that, just use somthing like this:
img:hover {
src:url("myimage.png");
}

yes there is no preloading but it is ALOT simpler

Hope this helps, Wolfy87




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users