5568 sujets

Sémantique web et HTML

Correction d'erreurs pour validation page w3c

bonjour j'aurais besoin d'aide pour corriger mes dernières erreurs identifiées par le validateur w3c! la majaorité vient du fait que mon dtd n'accepte pas les balises propriétaires mais si c'est bien ça le problème par quoi je peux remplacer mes balise <embed>

merci d'avance! Smiley ravi

ma maquette de site: http://ayiore.free.fr/agua/sitephp/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
   
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles.css" rel="stylesheet" title="styles" type="text/css" />
<title>.::agua viva::.</title>
</head>

<body>
<div id="global">
<div class="menu" >
<table border="0" cellpadding="0" cellspacing="0" width="780">
  <tr>
   <td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="211" height="1" border="0" alt=""></td>

   <td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="26" height="1" border="0" alt=""></td>
   <td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="216" height="1" border="0" alt=""></td>
   <td><img src="file:///C|/compte/jybe/agua%20viva%20final/images/spacer.gif" width="329" height="1" border="0" alt=""></td>
  </tr>

  <tr>
   <td><img src="aguabanfinal1_r1_c1.jpg" alt="" name="aguabanfinal1_r1_c1" width="211" height="64" border="0"></td>
   <td colspan="2"><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="242" height="64">
     <param name="movie" value="menu1.swf">

     <param name="quality" value="autolow">
     <embed src="menu1.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="242" height="64"></embed>
   </object></td>
   <td><img src="aguabanfinal1_r1_c4.jpg" alt="" width="327" height="64"></td>
  </tr>
  <tr>
   <td colspan="2"><img src="aguabanfinal1_r3_c1.jpg" alt="" name="aguabanfinal1_r3_c1" width="237" height="41" border="0"></td>
   <td rowspan="2"><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="216" height="87">
     <param name="movie" value="menu2.swf">

     <param name="quality" value="autolow">
     <embed src="menu2.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="216" height="87"></embed>
   </object></td>
   <td><img src="aguabanfinal1_r2_c4.jpg" alt="" width="327" height="41"></td>
  </tr>
  <tr>
   <td colspan="2"><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="237" height="46">
     <param name="movie" value="fondu%20espace%20forme.swf">
     <param name="quality" value="autolow">

     <embed src="fondu%20espace%20forme.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="237" height="46"></embed>
   </object></td>
   <td><img src="aguabanfinal1_r4_c4.jpg" alt="" width="327" height="46"></td>
  </tr>
</table>
</div>

<div class="news" >
<table width="150" height="504" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
	<tr>
		<td bgcolor="#e0f4fc" valign="top" width="150">

                  
                  <div style="padding: 5px 10px 10px; " class="ver11">
                  <div align="justify">
                    <p><span class="Style3" style="color: #FF0000; font-weight: bold;"><font style="">25 Juin 2005</font></span><br>
                    <span class="styleorange" style="font-size: 12px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;"><font style="">Body pump 54 New release </font></span></p>
                    <p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> Venez nombreux le samedi 25 pour le premier cours du&nbsp;body pump release 54. <span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;">
					<a href="#" style="" class="ver11">suite... </a></span></span></p>

                    <p class="styleorange">                       <span class="styleorange" style="color: #FF0000; font-weight: bold;"><font style="">25 juin 2005 </font></span><br>
                      <span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><span style="color: #FF0000; font-weight: bold;"><font style="">Soir&eacute;e piscine</font></span></span></p>
                    <p><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;"> Apr&egrave;s vous &ecirc;tre depens&eacute; sur les nouveaux body
        attack et body pump venez vous delasser autour d'un buff&eacute; froid
        et finir la soir&eacute;e dans la piscine&nbsp;&nbsp;<a href="#" style="" class="ver11"> suite... </a></span></p>

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

</div>
<div class="colonneDroite" >
<table width="630" border="0" cellpadding="10" cellspacing="0">
  <tr>
    <td width="630" height="254" valign="top" bgcolor="#FFFFFF">

	  <p align="center" class="Style4"><strong><br>Un espace qui vous change et &ccedil;a change tout.</strong></p>
	  <p align="justify" class="Style4"><span class="styleorange">Forme, sant&eacute;, d&eacute;tente, beaut&eacute;</span>... A chacun son bien &ecirc;tre. </p>      
      <p align="justify" class="Style4"> <span class="styleorange">Id&eacute;al pour se relaxer ou se tonifier</span>, Agua Viva permet &agrave; chacun de choisir l'activit&eacute; qui lui convient.</p>

      <p align="justify" class="Style4"><span class="styleorange">Chasser le stress</span>, retrouver le parfait &eacute;quilibre, il n'y aura pas de meilleurs moments que ceux que vous avez choisis.      
      <p align="justify" class="Style4"><span class="styleorange">Loisirs ou remise en forme</span>, c'est dans tous les cas, ici plus qu'ailleurs qu'on s'occupera de vous. Toute une &eacute;quipe de professionnels est mobilis&eacute;e pour vous faire passer les meilleurs moments.      
      <p align="justify" class="Style4"> Un cadre naturellement convivial et chaleureux vous attend. </td>
  </tr>
  <tr>
    <td width="630" height="230" valign="top" bgcolor="#FFFFFF"><div align="center"><img src="1activites.jpg" alt="" width="570" height="230" align="top"></div></td>

  </tr>
</table>
</div>
<div class="pied">
<table width="780" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="780" height="70" valign="top" background="bas1.jpg"><div align="center"><span class="Style3"><br>
        <br>
        <span class="Style3">Zone du Val Luisant 9, Bd. d'Hochstadt 28600 Luisant T&eacute;l: 02 37 28 51 50 Fax: 02 37 28 38 10</span></span><span class="Style1">&nbsp;</span></div></td>

  </tr>
  <tr>
    <td height="12" valign="top" bgcolor="#000000"><div align="center"><span class="Style3"> Copyright &copy; 2005 Agua viva. All rights reserved. </span></div></td>
  </tr>
</table>


</div>
</div>

</body>
</html>

Modifié par ayiore (27 Sep 2005 - 18:07)
je vais repondre seul à ma question, pour emplacer les balises embed qui ne sont pas valider par w3c:

avant:
<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="242" height="64">
<param name="movie" value="menu1.swf">

<param name="quality" value="autolow">
<embed src="menu1.swf" quality="autolow" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="242" height="64"></embed>
</object>


maintenant:
<object type="application/x-shockwave-flash" data="menu1.swf" width="242" height="64">

    <param name="play" value="true" />
    <param name="movie" value="menu1.swf" />
    <param name="menu" value="false" />
    <param name="quality" value="autolow" />
    <param name="scalemode" value="showall" />
    </object>


voilà si ça peut aider quelqu'un
tu penses que c'est mieux?

quel est l'avantage?

ça m'interesse ce que tu me dis car je n'y avait pas pensé et j'aimerais bcp simplifier mon header!

d'ailleur si quelqu'un à une idée pour simplifier egalement mes zones cliquables actuellement en flash je suis preneur!
hello,

le pb du flash est qu'il requiert un plug-in pour être lu ... bien souvent des gens n'ont pas ce plug-in, soit parce qu'ils ne le veulent pas (images trop lourdes, je pense aux 56k par exemple) soit tout simplement parce qu'ils n'y ont pas accès (je pense aux aveugles...)

Alors qu'une image qu'elle soit gif, jpg, png ou même bmp (bien que non optimisé pour le web) peut avoir un texte dit 'alternatif' qui permet de saisir, sous forme d'une phrase ou 2, une courte description de l'image qui sera affichée/lue en cas d'accès impossible à l'image.
Je vais reprendre un peu ce qu'a répondu Malcom.

Je pensais plutôt qu'un flash au niveau de "la forme par nature" faire un gif animée, mais le problème je pense, sera au niveau de la qualité de l'image vu que le gif est limité à 256 couleurs Smiley ohwell .

Après le Gif est beaucoup moins lourd que le flash en général sur des petites animations (après sur des plus grosse animation je ne préfère pas m'avancer car je crois bien que c'est l'inverse).

Pourquoi le GIF, Jpeg, Png ou autre ?

Tout simplement car niveau accessibilité c'est beaucoup mieux, le Flash est inutilisable par quelqu'un ayant un hadicap visuel si je ne me trompe pas.

Encore une autre question, pourquoi as tu crée ton menu en flash ? n'étais ce pas plus simple de le faire normalement ? car comme ca il serais plus accessible. (si tu me réponds c'est par rapport au design, tu peux très bien mettre une image en fond, comme ca tu peux mettre ton menu comme tu veux Smiley cligne )

J'ai remarqué que tu à un problème avec tes tableaux ? J'utilise Maxthon comme navigateur qui est construit sur la base de IE (mais qui est bien plus amélioré navigation par onglet, anti pop up personnalisable à souhaits, clic droit utilisable partout, copieur de Flash, ...).
Pour mieux te faire comprendre ce qui se passe je te fais une copie d'écran :

upload/3270-visuel.JPG

EDIT: tien voila le résultat d'un gif animée si tu le veux entier il faudra me passer au moins l'original de l'image de fond pour que ca colle parfaitement.

upload/3270-agua.gif
Modifié par Super_baloo8 (05 Oct 2005 - 12:45)
Sujet clos
Aller à