<img src="/public/_skin/_local/img/logo.png" alt="Comment &Ccedil;a Marche - Informatique" />

RAD ZONE, le 18 sep 2007 à 01:03:45

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"

♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

boucleperso2paris, le 18 sep 2007 à 02:19:24

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

Solution?
Merci

pitxu, le 18 sep 2007 à 02:31:37

RAD ZONE, le 18 sep 2007 à 02:34:24

<!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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

pitxu, le 18 sep 2007 à 02:38:21

Lol chui plus rapide RAD ;)

RAD ZONE, le 18 sep 2007 à 02:40:34

Loool oui mais regarde le css
+ l arborescence :-)) ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

pitxu, le 18 sep 2007 à 02:45:03

Joli boulot ;)

boucleperso2paris, le 18 sep 2007 à 02:57:28

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 "<centrer>...</centrer>" aux extrémités mais la video reste caler à gauche):

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" 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>

RAD ZONE, le 18 sep 2007 à 03:02:24

?????????

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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

pitxu, le 18 sep 2007 à 03:15:52

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, le 18 sep 2007 à 03:27:51

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

<div class="topbanner" align="center">
      <IMG SRC="http://i207.photobucket.com/albums/bb194/boucleperso2paris/FFIECOLUTIONENTETE.gif" border="0">
    </div>
    <div id="video">

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 <body> donc fatalement

la video passe par dessus l image !!! ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

boucleperso2paris, le 18 sep 2007 à 03:29:52

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:

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" 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>

boucleperso2paris, le 18 sep 2007 à 03:33:43

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

boucleperso2paris, le 18 sep 2007 à 03:37:26

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, le 18 sep 2007 à 03:38:02

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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

boucleperso2paris, le 18 sep 2007 à 03:47:56

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:

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="350" width="425" 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>

RAD ZONE, le 18 sep 2007 à 04:00:40

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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

boucleperso2paris, le 18 sep 2007 à 05:04:27

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