5568 sujets

Sémantique web et HTML

Salutation a tous,

j'ai un petit probleme pour ma validation W3c.
le validateur concidere ca comme incorecte, or c'est du javascript...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>..::Team-Piay::..</title>
<link rel="SHORTCUT ICON" href="icone.ico" />
<!--[if IE]><style type="text/css">body{ behavior: url("csshover.htc") }</style><![endif]-->
<link href="style.css" rel="stylesheet" title="Mon style" type="text/css" media="screen" />
<!--[if lt IE 7.]>
<script type="text/javascript" src="sleight.js"></script>
<![endif]-->
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
  
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
</script>
</head>


Et de 1 gros probleme car ce script pour intégré de la video flash j'en est sur toute mes pages...
Et ensuite j'ai un ENORME probleme, car je n'est pas reussit a obtenir un effet voulu, ou seulement en fesant une enorme erreur de semantique.
Je veux que lorsque lon survole un de mes bouton personnaliser il change d'apparence pour un autre.Simple avec un hover...mais apres probleme e balise...y aurait t'il un autre moyen?

Ca donne ca un <p> DANS un <a>...:/

<div id="menu"><p id="sous_menu">
	 		 <a href="index.php" title="Accueil du site" ><p id="acc"></p></a>
			<a href="videos.php" title="Nos videos!!"><p id="video"></p></a>
			<a href="/album/index.html" title="Les photos de la Team Piay!"><p id="photos"></p></a>
			<a href="team.php" title="Description de la Team-Piay"><p id="description_de_la_team"></p></a>
			<a href="sondages.php" title="Tous les sondages"><p id="sondages"></p></a>
			<a href="http://team-piay-is.goodforum.net/index.forum" title="Le forum de la Team Piay"><p id="forum"></p></a>
			<a href="http://livredor.hiwit.org/index.php?idsite=12264&amp;zone=e" title="Le livre dor"><p id="livre_dor"></p></a>
			<a href="extra.php" title="Les bonus"><p id="extras"></p></a>
			<a href="contact.php" title="Nous contacter"><p id="contacts"></p></a>
			<a href="partenaires.php" title="Nos partenaires"><p id="partenaires"></p></a>


et le CSS qui va avec :

#video
{
	background-image:url("boutvid2.jpg");
	background-repeat:no-repeat;
	height:40.1px;
	width: 169.9px;
	background-position:right;
}

#video:hover
{
	background-image:url("boutvid.jpg");
	background-repeat:no-repeat;
	height:40.1px;
	width: 169.9px;
	background-position:right;
}

#photos
{
	background-image:url("boutphot2.jpg");
	background-repeat:no-repeat;
	height:40.1px;
	width: 169.9px;
	background-position:right;
}


Merci d'avance!!!

http://team.piay.is.free.fr/
http://validator.w3.org/check?uri=http%3A%2F%2Fteam.piay.is.free.fr%2F
Modifié par skapin (23 Feb 2007 - 11:39)
Bonsoir,

Concernant ton deuxième problème, si l'unique but de la manipulation est de pouvoir changer d'arrière-plan au survol de ton boutton, je te conseille tout simplement de donner un comportement de type block à ton lien.

Je pense que la galerie de menus CSS (et en particulier les menus horizontaux) pourraient t'aider à mieux comprendre leur fonctionnement : Galerie de menus
MERci!
je crois que je vais y arriver maintenant!C'ets tout con mais fallais savoir!

10 erreur de moins sur toute mes pages^^arf^^

si au passage tu sais a quoi ets dut celle la ca ferait que la moitier de mes pages seraient valide

Error  Line 36 column 23: document type does not allow element "style" here.

<style type="text/css" >

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).



et le code
<script type="text/javascript">
   <!--
   
alert('Vous devez attendre 30 minutes entre chaques messages.Merci');

   //-->
  </script>


Ce script est sur une page en PHP qui est en include dans l'index

MErci beaucoup beaucoup!!!!!!!!
Ah, l'amour ...

Mais, sans vouloir ternir une fin aussi passionnée, je voudrais juste rappeler qu'un petit resolu dans le titre du sujet est une marque de "happy end" fort appréciée sur le forum ...


Smiley cligne Smiley biggrin
Modifié par Vero (23 Feb 2007 - 01:41)
J'ai essayer en remplacant la balise embed par object comme indiqué et ca marche pas, l'animation plante...et l'erreur n'est pas que sur cette endroit en plus Smiley ohwell