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

Résolu

X-Dranka Messages postés 61 Date d'inscription Statut Membre Dernière intervention -
X-Dranka Messages postés 61 Date d'inscription Statut Membre Dernière intervention - 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
Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
Résolution native ✓ - Forum TV & Vidéo

7 réponses

Réponse 1 / 7

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

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 Statut Membre Dernière intervention 8

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 Statut Contributeur Dernière intervention 4 507

Va sur decoupe-fr.net

Réponse 4 / 7

X-Dranka Messages postés 61 Date d'inscription Statut Membre Dernière intervention 8

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 Statut Contributeur Dernière intervention 4 507

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 Statut Membre Dernière intervention 8

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 Statut Membre Dernière intervention 8

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

Les images ne s'affichent plus

impossible de voir les photos et videos sur une conversation messenger

Probleme d'affichage google chrome

Problème d'affichage d'une page web.

Votre réponse

Discussions similaires