[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 -
X-Dranka Messages postés 61 Date d'inscription Statut Membre Dernière intervention -
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><!--Header-->
<span class="body"><img src="Images/body.png" alt="body"></img></span><br/><!--Debut Body-->
</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
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><!--Header-->
<span class="body"><img src="Images/body.png" alt="body"></img></span><br/><!--Debut Body-->
</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
- Résolution native ✓ - Forum TV & Vidéo
- Impossible de charger l'image haute résolution messenger - Forum Xiaomi
7 réponses
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 ...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
Essaye de mettre du texte après ta vidéo, tu verras : ça fait pareil.