[XHTML/CSS]Problème affichage résolution

Résolu/Fermé

X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 - 12 oct. 2009 à 16:46
X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 - 13 oct. 2009 à 11:18

Bonjour,
Je suis débutant en XHTML et CSS j'ai appris cette semaine les bases et j'ai donc décider de m'entraîner en réalisant un pseudo "site-web"
J'essaie d'insérer une video youtube en recopiant le code suivant :

" <div class="video"><object width="425" height="200"><param name="movie" value="http://www.youtube.com/v/i_NSp2r1R4M&hl=fr&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/i_NSp2r1R4M&hl=fr&fs=1&" type="application/x-shockwave-flflashallowscriptaccess="always" allowfullscreen="true" width="185" height="165"></embed></object></div> "

Avec mon CSS et mon HTML suivant :

<!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>XperienS Web Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="designxps.css" />
</head>
<body>
<div class="header"><p><img src="Images/header.png" alt="header"></img><br/>
<span class="header1"><img src="Images/bas_header.png" alt="bas du header"></img></span>
<span class="body"><img src="Images/body.png" alt="body"></img></span><br/>
</div>
<p class="lien">Cliquez <a href="HTLV.rar" title="les hltv">Ici</a> pour les HLTV</p>
<div class="video"><object width="425" height="200"><param name="movie" value="http://www.youtube.com/v/i_NSp2r1R4M&hl=fr&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/i_NSp2r1R4M&hl=fr&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="185" height="165"></embed></object></div>

</body>
</html>

le CSS :

.header
{
position: absolute;
margin-left: 14%;
margin-top: 0%;
}

.header1
{
position: absolute;
margin-left: 0%;
margin-top: 0%;
}

.1body
{
position: absolute;
margin-left: 0%;
margin-top: 0%;
}

.menu
{
position: absolute;
margin-left: 0%;
margin-top: 7%;
width: 6.78cm;
height: 200%;
padding-top: 2px;
padding-left: 10px;
background-image: url("Images/fond_menu1.png");
}

.lien
{
font-family: "Trebuchet MS", Verdana;
text-decoration: underline;
font-weight: bold;
font-style: blink;
font-size: xx-large;
text-align: center;
position: absolute;
margin-top: 25%;
margin-bottom: 10%;
margin-left: 35%;
}

.video
{
position: absolute;
margin-top: 21.5%;
margin-left: 72.05%;
}

.foot
{
position: absolute;
margin-left: 14%;
margin-top: 57%;
}

body
{
background-color: #dfdcdc;
}

Le problème c'est que pour moi la vidéo est fixe dans le cadre vidéo de mon site, exactement dedans et que pour d'autre elle est en dehors, tout dépend de la résolution

Comment le fixer dans ce cadre pour qu'elle y reste suivant la résolution

Voici mon site pour visualiser le problème : http://nzhiti.free.fr

Cordialement Nicolas

A voir également:

[XHTML/CSS]Problème affichage résolution
Affichage double ecran - Guide
Problème affichage fenêtre windows 10 - Guide
Windows 11 affichage classique - Guide
Adèle consulte son compte sur le site de sa banque et obtient l'affichage ci-dessous. complétez le texte. - Forum Facebook
Impossible de charger l'image haute résolution messenger ✓ - Forum Mail

7 réponses

Réponse 1 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
12 oct. 2009 à 17:01

Ton design n'a tout simplement pas été découpé comme il le faut ...

Réponse 2 / 7

X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 8
12 oct. 2009 à 17:05

Explique toi je suis débutant je fais comme je peux je trouves pas de site qu'il explique expressément comment faire son design ...

Réponse 3 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
12 oct. 2009 à 17:06

Va sur decoupe-fr.net

Réponse 4 / 7

X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 8
12 oct. 2009 à 17:13

Je vais test mais si on pouvait quand même résoudre mon problème ^^

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

Posez votre question

Réponse 5 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
12 oct. 2009 à 17:16

Tant que tu n'auras pas ton design correctement découpé, on ne sait rien faire.
Essaye de mettre du texte après ta vidéo, tu verras : ça fait pareil.

Réponse 6 / 7

X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 8
12 oct. 2009 à 17:19

Mais je comprends pas trop sur ton site parcequ'ils n'ont pas la même idées que moi pour faire un site ... c'est ça le problème je ne comprends pas trop leur méthode ...

Je vais essayer d'améliorer ça

Réponse 7 / 7

X-Dranka Messages postés 61 Date d'inscription jeudi 25 janvier 2007 Statut Membre Dernière intervention 15 décembre 2010 8
13 oct. 2009 à 11:18

Après avoir re-découper mon design et avoir refait entièrement le code tout va impec, merci ;)

Discussions similaires

Impossible de télécharger photos messenger

Je ne peux pas mettre mon écran en 1920x1080

Les images ne s'affichent plus

impossible de voir les photos et videos sur une conversation messenger

Probleme d'affichage google chrome