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 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div style="height:259px;display:block;"> </div>
<CENTER><iframe src="http://player.vimeo.com/video/2571178?title=0&byline=0&portrait=0&autoplay=0" width="700" height="400" frameborder="0"></iframe></CENTER>
<pre><!-- DEDUT DE MON SCRIPT IMAGE FOND FIXE --></pre>
<style type="text/css">
<!--
body {
background-image: url(http://s2.noelshack.com/uploads/images/12425107305006_sans_titre0001.jpg);
[background-attachment: fixed ;
<pre><!-- FIN DE MON SCRIPT IMAGE FOND FIXE --></pre>
</body>
</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.
Message édité par Nakamura100 le 08-03-2011 à 22:18:57
