AU SECOURS! besoin de centrer une video en en

Question

Voilà mon problême: Dans le code ci-joint, j'aimerai que la video soit aussi centrée à l'écran. (ça ne doit pas être très sorcier mais je lutte alors SVP corrigez mon code) mon code:

pitxu · Accepted Answer

Désolé j'étais pas réveillé :)

pitxu · Answer

RAD ZONE · Answer

SALUT

juste pour rajouter 

evite les caracteres speciaux , les espaces  et les majuscules dans tes liens !!
http://i207.photobucket.com/albums/bb194/boucleperso2paris/FFIECOLUTIONENTETE.gif"

boucleperso2paris · Answer

Je viens de testé et c'est pareil, la vidéo n'est pas centrée.

Solution? 
Merci

RAD ZONE · Answer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>
    </title>
    <style type="text/css">
    body {
	margin: 0;
/* pour éviter les marges */
	text-align: center;
/* pour corriger le bug de centrage IE */
}
#video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 425px;
	height: 350px;
	margin-top: -175px;
/* moitié de la hauteur */
	margin-left: -213px;
/* moitié de la largeur */
}
#topbanner {
	top: 5;
	left: 10%;
	margin-left: 0px;
	width: 100%;
	height: 30px;
	position: absolute;
}
 </style> 
  </head>
  <body>
    <div class="topbanner" align="center">
      <IMG SRC="http://i207.photobucket.com/albums/bb194/boucleperso2paris/FFIECOLUTIONENTETE.gif" border="0">
    </div>
    <div id="video">
      <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" align="center" data="http://www.youtube.com/v/wchZGAvqlks&autoplay=1">
        <param name="allowScriptAccess" value="never" />
        <param name="allowNetworking" value="internal" />
        <param name="movie" value="http://www.youtube.com/v/wchZGAvqlks&autoplay=1" />
      </object>
    </div>
  </body>
</html>
RAD

pitxu · Answer

lol chui plus rapide RAD ;)

RAD ZONE · Answer

loool oui mais regarde le css 
+ l arborescence :-))

pitxu · Answer

Joli boulot ;)

boucleperso2paris · Answer

Tu as certainement résolu le probleme en parti sauf que la video se retrouve dans une autre case de mon site. Il faut impérativement "englober" les deux (image + video) dans le même "corps" (j'espère que tu me comprend) pour que justement les deux soient centrés en entête de mon site. c'est cette partie qu'il faudrait arriver à centrer (j'ai déjà essayer "..." aux extrémités mais la video reste caler à gauche):

RAD ZONE · Answer

?????????

tu voulais la video centre !! et bien elle y est
ICI

c est le code donne plus haut au secours besoin de centrer une video en en#5
RAD

pitxu · Answer

Le truc, c'est que ton image et ta video sont dans la div 'tobbanner".

Il faut donc que tu conserves ton code comme il était à l'origine, mais que tu modifies le code du css :

div.topbanner { top: 5; left: 10%; margin-left:0px;width: 100%;height: 30px; position: absolute; }

c'est lui qui fixe la position.

PS : c'est plutot <center>...</center> ;)

RAD ZONE · Answer

Le truc, c'est que ton image et ta video sont dans la div 'tobbanner". ??? jammais de la vie !!

le probleme vient de la taille de l image de la top banner 1032 X 474 et que la video est centre par rapport au donc fatalement la video passe par dessus l image !!!

boucleperso2paris · Answer

ok je vois, c'est ça! sauf que la video dois être un peu plus basse (environ 1 cm d'écart entre elle et le bas de la photo en long)... Mais dis moi si je voulais juste insérer la video (à part donc) et qu'elle soit placé exactement à cette endroit là à quoi correspondrai le code stp? donc en te basant juste sur le code de la video qui suit:

boucleperso2paris · Answer

ah ok je comprend mais il doit bien y avoir une solution à mon mini probleme

boucleperso2paris · Answer

ce qu'il me faut c'est que tu me cale la position "souhaitée" sur le code de la video ci-dessus... après je crois que c'est bon! Merci pour l'aide de toute façon

RAD ZONE · Answer

pour faire descendre ou monter  la video tu change dans le css de la div "video"

tu augmente ou tu baisse les px exemple  -150px fera descendre la video  et  -190 la fera monter 
margin-top: -175px;

 et pour changer de droite a gauche tu change le margin-left: -213px;

RAD

boucleperso2paris · Answer

merci, je me débrouillerai après pour ce qui est de la placer exactement là où je le souhaite... tu pourrai me coder tout ça. pour être sûr! toujours pour cette video:

RAD ZONE · Answer

JE crois que il y as une chose que tu n as pas compris ;-))

avec cette methode la video reste au centre de l ecran quelque soit ca taille alors que ton image a  une taille fixe de 1032 X 474 donc la video n est pas place au meme endrois par rapport a l image en fonction de la resolution !!

ps: je vais dormir A+ :-))
RAD

boucleperso2paris · Answer

Bonjour! :) (enfin quand tu liras ce message) 

Si si!  je comprend en parti ;) 

Ce qui se passe c'est que j'ai voulu intégrer la video en dessous de l'image, chose possible car j'avais réussi. 

Seulement elle était placé à gauche pour les raisons que l'on connait désormais. 

J'ai pensé à mettre un margin-top à 890px (donc tout l'écran quasiment) je croyais qu'il était possible de juste décaler la video vers le milieu, la faire glisser au milieu et juste en dessous de la photo. 

On est tout près de ce que je recherche... 

A + 

Jinx

AU SECOURS! besoin de centrer une video en en

19 réponses

Votre réponse

Newsletters