PHP / CSS / Validateur HTML / XHTML...

Résolu
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008 - 7 janv. 2008 à 01:15
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008 -
Bonjour,

Pouvais vous m'aider a rendre ma page valide pour qu'il s'affiche normalement sur firefox svp , il s'affiche bien sous internet explorer mais sous firefox c'est le bordel!!
Merci d'avance :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="fr">
<head>
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta name="generator" content="vBulletin 3.6.8" />
<meta name="keywords" content="keywords" />
<meta name="description" content="SiteWeb de la team AlphaOmega" />
<link rel="stylesheet" type="text/css" href="img/default.css" media="screen"/>
A voir également:

39 réponses

Précédent
  • 1
  • 2
Réponse 21 / 39
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
14 janv. 2008 à 23:43
tu as une page en ligne ..
0
Réponse 22 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 01:28
RAD ZONE merci mais si tu pouvais mieux expliqué ce que tu cherche à me dire , je suis débutant et non à votre niveau , donc faudrais dévelloper vos phrases pour que je puisse comprendre un minimun de chose...

" tu as une page en ligne..." c'est censé vouloir dire quoi ?

mon site est entièrement en php , j'ai vue nulle pars comment valider du php pour firefox :x

donc je suppose qu'il faut que ma page index.php sois reproduite en html pour qu'il puisse être valide , je redonne le code entier de ma page , si tu veut vraiment m'aider...

liens img : http://img145.imageshack.us/img145/6782/firefoxfc3.jpg "sous firefox"

code source de la page : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">  
  <head>   
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
    <meta name="description" content="description" />    
    <meta name="keywords" content="keywords" />    
    <meta name="author" content="author" />        <link rel="stylesheet" type="text/css" href="img/default.css" media="screen" />    
    <title>Night Syberal</title>      
     
  </head>  
  <body>    
    <div class="container">      
      <div class="main"> 
        <div class="header"> <a href="?op=home" />                            
        <img alt="img" src="img/home_web.jpg" height="65" width="70" border="0" /></a>       
        </div>        
        <div class="content">          
          <table width="420" border="0">            
            <tr>              
              <td width="70" height="5">Login Server:</td>              
              <td width="30">

<img src="img/led/Offline.gif" height="20" width="20"
                border="0"></b></td>              
              <td width="90" height="5">Character Server:</td>              
              <td width="30">
<img src="img/led/Offline.gif" height="20" width="20"
                border="0"></b></td>              
              <td width="90" height="5">World Server:</td>              
              <td width="30">
<img src="img/led/Offline.gif" height="20" width="20"
                border="0"></b></td><td>                
                <a href="%3C?PHP%20$_SERVER['PHP_SELF'];%20?%3E">Check Again</a></td>            
            </tr>          
          </table>          
          <div class="item"><h1>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

<body>
		  <div class="news">
            <div class="title">
              <h4><img src="img/News/new.jpg" height="25" width="50"></h4>            			  
              <span class="date">le 20/12/2007 par Cyber-Alundra</span>         
            <div class="textnews" style="text-align: left"><Br>
              <p>Salut à tous et à toutes,
			  <br />
               Bienvenue sur le nouveau site de la team AlphaOmega!!!!
               <br>Le site est en cours de construction...</br>

			   Nous recherchons actuellement des personnes de confiances,
			   active, motiver avec de la détermination,
			   ayant des connaissances en info,
			   <br>avec des compétences	dans les catégories suivantes :
			   <br><img src="img/puce.jpg"> Devs ( spécialement pour les jeux onlines )<img src="img/smiley/loll.gif">
			   <br><img src="img/puce.jpg"> Webmaster/Designs			   
			   <br><img src="img/puce.jpg"> Graphistes ( pour bannière..etc )
 			   <br><img src="img/puce.jpg"> Traducteurs/trices ( client jeux onlines )</br></br></br>
               Pour plus d'information, merci de me contacter!! 
              <br />             
              <p>Cyber-Alundra <img src="img/smiley/^^.gif"></p>

            </div>
			<hr color=silver></color>
            <div class="commentaire" style="text-align: right">

            <br><br><br><br><br><br><br><br></br></br></br></br></br></br></br></br>
		</div></div></div>
<div class="inc_connectes">
<p>Il y a actuellement 1 visiteurs de connectés!</p></div>
</div>		
</body>
</html></h1>          
          </div>        
        </div>        
        <div class="sidenav">          
          <ul><li>            
            <a href="?op=register">              
              <img alt="img" src="img/boutons/register.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=downloads">              
              <img alt="img" src="img/boutons/download.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=rankings">              
              <img alt="img" src="img/boutons/rankings.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=staff">              
              <img alt="img" src="img/boutons/alphaomega.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=info">              
              <img alt="img" src="img/boutons/server.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=contact">              
              <img alt="img" src="img/boutons/contact.png" height="25" width="150" border="0" /></a></li><li>            
            <a href="?op=vote">              
              <img alt="img" src="img/boutons/voting.png" height="25" width="150" border="0" /></a></li><li>            
            <img alt="img" src="img/fee.png" height="155" width="150" border="0" /></li>          
          </ul> 		  
        </div>      
      </div>           
      </div>    
    </div>  
  </body>

</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">  
  <head>   
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
    <meta name="description" content="description" />    
    <meta name="keywords" content="keywords" />    
    <meta name="author" content="author" />    
    <link rel="stylesheet" type="text/css" href="img/default.css" media="screen" />    
    <title>Night Syberal</title>      
     
  </head>
  <div class="footer">© Night Syberal v1.0 Tous droits réservés 2008-2009</div>
  </html>


liens img "sous ie"

http://img156.imageshack.us/img156/4332/ieig5.jpg

le problèmes sa se vois , le footer sous firefox n'est pas en bas de page , le corps n'arrive pas en bas de page non plus
!!
0
Réponse 23 / 39
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
15 janv. 2008 à 02:26
SALUT

hou lalala :-)) c est deja un miracle que ca marche !!

tu as de tres grosse erreurs dans ta page html genere !!

c est une page reversible ?? looooool je plaisante ;-)) mais le doctype et les meta en fin de page ??????????????????????

bref d enumerer toute les erreurs serais tros long ( multiple body , head , div imaginaire ect ect )

moi je te conseillerais quand meme de bien lire ou relire ca https://openclassrooms.com/fr/courses


maintenant voila a quoi devrais ressembler ta page genere ( il reste des erreurs !! mais tres peu ) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">     
  <head>         
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />         
    <meta name="description" content="description" />         
    <meta name="keywords" content="keywords" />         
    <meta name="author" content="author" />         
    <link rel="stylesheet" type="text/css" href="img/default.css" media="screen" />         
    <link href="default.css" rel="stylesheet" type="text/css" />         
    <title>Night Syberal          
    </title>     
  </head>     
  <body>         
    <div class="container">             
      <div class="main">                 
        <div class="header">                     
          <a href="?op=home"></a>                       
          <img alt="img" src="img/home_web.jpg" height="65" width="70" border="0" />                 
        </div>                 
        <div class="content">                     
          <table width="420" border="0">                         
            <tr>                             
              <td width="70" height="5">Login Server:</td>                             
              <td width="30">                                 
                <img src="img/led/Offline.gif" height="20" width="20" border="0" /></td>                             
              <td width="90" height="5">Character Server:</td>                             
              <td width="30">                                 
                <img src="img/led/Offline.gif" height="20" width="20" border="0" /> </td>                             
              <td width="90" height="5">World Server:</td>                             
              <td width="30">                                 
                <img src="img/led/Offline.gif" height="20" width="20" border="0" /></td><td>                                 
                <a href="%3C?PHP%20$_SERVER['PHP_SELF'];%20?%3E">Check Again</a></td>                         
            </tr>                     
          </table>                     
          <div class="item">                         
            <div class="news">                             
              <div class="title"><h4>                                     
                  <img src="img/News/new.jpg" height="25" width="50" /></h4>                                 
                <span class="date">le 20/12/2007 par Cyber-Alundra                                  
                </span>                                 
                <div class="textnews" style="text-align: left"><br />                                     
                  <p>Salut à tous et à toutes,<br />Bienvenue sur le nouveau site de la team AlphaOmega!!!!<br />Le site est en cours de construction...<br />Nous recherchons actuellement des personnes de confiances, active, motiver avec de la détermination, ayant des connaissances en info,<br />avec des compétences dans les catégories suivantes :<br />                                         
                    <img src="img/puce.jpg" /> Devs ( spécialement pour les jeux onlines )                                           
                    <img src="img/smiley/loll.gif" /><br />                                         
                    <img src="img/puce.jpg" /> Webmaster/Designs<br />                                         
                    <img src="img/puce.jpg" /> Graphistes ( pour bannière..etc )<br />                                         
                    <img src="img/puce.jpg" /> Traducteurs/trices ( client jeux onlines )<br /><br /><br />Pour plus d'information, merci de me contacter!!<br />                                     
                  </p>                                     
                  <p>Cyber-Alundra                                           
                    <img src="img/smiley/^^.gif" />                                     
                  </p>                                 
                </div>                                 
                <hr />                                 
                <div class="commentaire" style="text-align: right"><br /><br /><br /><br /><br /><br /><br /><br /><br />;<br /><br /><br /><br /><br /><br /><br />                                 
                </div>                             
              </div>                         
            </div>                         
            <div class="inc_connectes">                             
              <p>Il y a actuellement 1 visiteurs de connectés!                              
              </p>                         
            </div>                     
          </div>                 
        </div>             
      </div>             
      <div class="sidenav">                 
        <ul><li>                     
          <a href="?op=register">                         
            <img alt="img" src="img/boutons/register.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=downloads">                         
            <img alt="img" src="img/boutons/download.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=rankings">                         
            <img alt="img" src="img/boutons/rankings.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=staff">                         
            <img alt="img" src="img/boutons/alphaomega.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=info">                         
            <img alt="img" src="img/boutons/server.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=contact">                         
            <img alt="img" src="img/boutons/contact.png" height="25" width="150" border="0" /></a></li><li>                     
          <a href="?op=vote">                         
            <img alt="img" src="img/boutons/voting.png" height="25" width="150" border="0" /></a></li><li>                     
          <img alt="img" src="img/fee.png" height="155" width="150" border="0" /></li>                 
        </ul>             
      </div>         
    </div>         
    <div class="footer">© Night Syberal v1.0 Tous droits réservés 2008-2009          
    </div>     
  </body>
</html>


il manque tout les alt=" " sur les images mais deja approche toi de ca sur le html genere

RAD
0
Réponse 24 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 07:58
merci RAD je t'adore ^^ sur 106 erreurs reste 10 érreurs pour que ma page devienne valide.. *je garde espoir*

les 10 érreurs font références aux alt justement : required attribute "alt" not specified.

cepandant html genere c'est quoi sans vouloir te vexer et abuser de ton aide sympathique :x
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 25 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 08:16
re,

quand tu as un script PHP sur le serveur, il n'est pas renvoyé directement au navigateur de ton visiteur contrairement aux fichiers HTML.

le code est d'abord interprété par le serveur qui renvoie seulement ce que tu lui demandes de renvoyer.
comme on affiche en HTML, il faut que le code PHP renvoie du HTML.
ainsi on dit que PHP génère du HTML.

quelque part dans ton script PHP tu dois avoir quelque chose du style : 
echo( '<img src="fichier.ext" />' );

il faut que tu ajoutes l'attribut 'alt' 
echo( '<img src="fichier.ext" alt="" />' );
0
Réponse 26 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 08:43
heu quand tu parle de mon script php tu parle pour l'index ? car dans l'index je vois nulle part echo dont tu me parle :(

peut tu m'éclairer ?

parcontre j'ai remarqué que le img home ne fonctionne plus :x
0
Réponse 27 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 08:45
c'est quoi l'extension du fichier (les trois lettres après le point) ?
0
Réponse 28 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 08:54
lol hum suis perdu moi , pour moi ext = extension , mais cepandant je vois nulle pars l'écho qu'il me fait hallusion :x
0
Réponse 29 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 08:57
est-ce que l'on parle bien d'un fichier dont la fin du nom = 'PHP' ???

si il n y a pas d''echo()' il peut y avoir autre chose, ne bloque pas la dessus.
0
Réponse 30 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 09:00
et bien moi ma page index est en php après je sais pas comment le reste fonctionne , mais ce dont rad parle je ne comprend pas suis perdu :x

RAD , tu as fait quoi de tous mes liens :x plus aucune fonctionne
0
Réponse 31 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 09:15
as-tu le tuto que Rad t'as conseillé ?

il faut que tu comprennes un peu mieux comment ça fonctionne, sinon c'est encore plus dur de t'aider.
0
Réponse 32 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 09:29
le pb c'est que le tuto m'explique mon problème :x

il monte juste comment faire du php ou du html mais il dit pas ce qui faut faire pour que du php sois optimisé sous firefox , il s'affiche bien sous ie mais sous ff sa foire , et sa y'a sa nulle part , moi j'ai mon site en php now faut qu'il sois valide et je me rend compte qui y'a un autre bordel , alors je sais plus c'est quoi le vrai problème dans tous sa :x
0
Réponse 33 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 09:39
tu codes en PHP et plus en sauras, plus ce sera facile pour toi comme pour nous.

le PHP renvoie du HTML vers le navigateur.
selon les navigateurs, le HTML et les CSS sont interprétés différemment.

avant de chercher d'où viennent ces différences d'affichage il faut déjà avoir du HTML valide, c'est ce que tu es en train de faire.

une fois que tu auras un doc HTML valide, il faudra se pencher sur le problème de mise en page différente selon les navigateurs.

soit dit en passant, FF affiche mieux le couple HTML/CSS que IE.
donc si ton code passe sous IE mais pas sous FF, il y a un problème dans ton code.
0
Réponse 34 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 09:48
ok je comprend cela , mais pour qu'il sois html valide faut corriger les 10 érreurs restantes , et ses érreurs sont :

required attribute "alt" not specified.

si tu pourrais copie/coller mon index dans un bloc note et l'enregistrer en html puis faire le validiter html , je pense que tu pourras voir ses érreurs...

moi je comprend rien à leurs charabia :x
0
Réponse 35 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 09:50
mais il suffit d'ajouter un attribut 'alt' à chaque balise <img /> !!! 
<img alt="" />
0
Réponse 36 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 09:51
maintenant le css à régler je suppose :x
0
Réponse 37 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 09:58
lol à j'ai trouvé enfait je ne comprenais pas ce que vous vouliez dire pare par alt mais la ta phrase étais comphréensible :p

fallez juste que j'ajoute l'attribut alt dans les codes :x

ma page est maintenant valide merci a vous , je vous adorent lol ,
mais now il reste le problèmes de mes liens , le footer sous ff qui n'est pas en bas de page et le corps qui n'atteint pas le bas de page non plus :x

mais ont à bien avançé merci encore =)
0
Réponse 38 / 39
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
15 janv. 2008 à 09:59
<edit>
c'est bon tu as trouvé entre temps !
-;o)
</edit>
0
Réponse 39 / 39
Shippuden Messages postés 45 Date d'inscription jeudi 18 octobre 2007 Statut Membre Dernière intervention 22 février 2008
15 janv. 2008 à 10:25
voila , sous firefox la mise en page est ceci : https://imageshack.com/

Ce sont les trois problèmes sous ff

- Footer
- logo w3c
- et le corps du site qui n'arrive pas en bas de page :x
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses