Se connecter avec
S'enregistrer | Connectez-vous

[Débutant en HTML]Qui pourrait vérifier mon code svp?

Dernière réponse : dans Programmation

Bonjour chers spécialistes de la programmation, je me suis fixé comme objectif de créer ma première page html qui comprendras : 1 fond d'écran, 1 vidéo au milieu centrée, et un logo au dessus de ma vidéo.

Seulement voilà, je fais des tests au niveau de mon fond d'écran, et je remarque que mon fond d'écran ne s'adapte pas à la résolution du visiteur.
Donc je me retrouve avec une page complétement décalée et donc une vidéo non centrée.

J'aimerai que vous m'aidiez à trouver d'où vient le problème, en m'expliquant mes erreurs et si vous avez le temps , en corrigant mon code pour qu'il soit parfait, et sans erreurs, et s'adapte à toutes les résolutions d'écrans, afin que mon fond d'écran ne se balade pas.

Voiçi mon fond d'écran de test : http://s2.noelshack.com/uploads/im [...] re0001.jpg

Le cadre au milieu doit accueillir la vidéo de présentation donc il faut qu'il coincide à chaque fois avec la vidéo, quelque soit la résolution.


Et voiçi mon code html avec une vidéo de test : 




  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"> 
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr" > 
  3.    <head> 
  4.  
  5.        <title>Test page</title> 
  6.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  7.        <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" /> 
  8.    </head> 
  9.    <body> 
  10.  
  11.    <div style="height:259px;display:block;"> </div>  
  12. <CENTER><iframe src="<a href="http://player.vimeo.com/video/2571178?title=0&byline=0&portrait=0&autoplay=0" target="_blank">http://player.vimeo.com/video/2571178?title=0&byline=0&...</a>" width="700" height="400" frameborder="0"></iframe></CENTER> 
  13.  
  14.  <pre><!-- DEDUT DE MON SCRIPT IMAGE FOND FIXE --></pre> 
  15. <style type="text/css"> 
  16. <!--  
  17.  
  18. body { 
  19. background-image: url(<a href="http://s2.noelshack.com/uploads/images/12425107305006_sans_titre0001.jpg" target="_blank">http://s2.noelshack.com/uploads/images/12425107305006_s...</a>);  
  20. [background-attachment: fixed ; 
  21. <pre><!-- FIN DE MON SCRIPT IMAGE FOND FIXE --></pre> 
  22.   </body> 
  23. </html>





Je n'ai pas mis de CSS encore.

J'espère avoir une réponse favorable de votre part, afin que je puisse avancer,
merci d'avance.

Autres pages sur : debutant html pourrait verifier code svp

Lassé par la pub ? Créez un compte
Expert Programmation

Bonjour,

  1. <div style="height:259px;display:block;"> </div>


Sert à rien

  1. <CENTER>


Balise qui n'est plus utilisé (n'est pas valide w3c)

  1. <pre><!-- DEDUT DE MON SCRIPT IMAGE FOND FIXE --></pre>


Ne vois pas l'interêt de la balise <pre> pour un texte caché...
Ton bout de code css n'est pas fermé...

Pour centrer sur tout les résolution utilise une div comme ceci:

  1. <div id="conteneur">contenu</div>

  1. #conteneur {
    

  2. width: 500px;
    

  3. margin: 0 auto;
    

  4. }


Bonne continuation!

Le problème c'est que je suis un grand débutant en css aussi, donc ton message me parait incompréhensible.

Pourrais-tu simplifier un petit peu? voire, si tu as le temps, me donner le code html/css que je metterai dans mon cas, car cela m'aiderai à comprendre mes erreurs.
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde