Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide

logan-kyles

Bonjour à tous

Je calle sur un problème de centrage de flash dans une page HTML

J'ai regardé des tutoriaux français et américains sur le sujet, testé les codes utilisant le CSS, d'autres des tables mais rien n'y fait, je suis visiblement trop mauvais en codage pour réussir :sarcastic:

Un peu désespéré donc je viens vous demander un petit coup de main pour finaliser mon index et avancer un peu le développement de mon site.

Voici mon code actuel

<!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" lang="en" xml:lang="en">

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.play = "true";
params.loop = "true";
params.menu = "true";
params.quality = "best";
params.scale = "exactfit";
params.wmode = "transparent";
var attributes = {};
attributes.align = "middle";
swfobject.embedSWF("menu.swf", "myAlternativeContent", "850", "600", "8.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>

</head>
<body>
<div id="myAlternativeContent">
<div align="center"><a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
</div>
</body>
</html>

Si une âme charitable pouvait me modifier le code et au passage m'expliquer la modification que je sois capable à l'avenir de me débrouiller je lui en serait très reconnaissant

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

Publicité

logan-kyles

personne pour me dépanner ? :sweat:

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

logan-kyles

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

David Boring

Tu centres un bloc qui fait 100% dans un bloc de 100% ??
(Ou alors, il y a une feuille de style que ne montres pas.)
Logique que ce ne soit pas centré.
Tu dois donner à ton div qui contient le flash les dimension d'icelui

logan-kyles

heu, je veux bien te croire mais encore une fois je suis un gros mais alors très gros [:samteckto] en matière de codage donc je vais avoir du mal à changer la tête de ma div car elle est générée par swfObject generator.

Merci de ton aide en tout cas

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

David Boring

Heu, ton div n'est pas généré par swobject.

Tu lui dis de mettre le flash dans "myAlternativeContent"
Dans un fichier css, tu fais

Code :

#myAlternativeContent {width:850px; margin:0 auto}

Message cité 1 fois
Message édité par David Boring le 20-10-2008 à 22:39:04

ionik

David Boring a écrit :

Heu, ton div n'est pas généré par swobject.

Tu lui dis de mettre le flash dans "myAlternativeContent"
Dans un fichier css, tu fais

Code :

#myAlternativeContent {width:850px; margin:0 auto}

et toi tu lui donne la solution pour un centrage horizontal

[:czajczynski]

---------------
Recette cookeo Recette de cuisine

logan-kyles

swfobject est un utilitaire qui permet de générer des pages HTML -> http://code.google.com/p/swfobject/

Et effectivement le centrage horizontal n'est pas vraiment un problème ^^ c'est surtout le vertical

Merci pour votre aide

Message édité par logan-kyles le 21-10-2008 à 09:38:20

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

abais

En strict, la seule manière de centrer verticalement des block, c'est d'utiliser des marge negative...

Copies ce code entre tes balises <head> :

<style type="text/css">

#myAlternativeContent {
position:absolute;
left: 50%;
top: 50%;
width: 850px;
height: 600px;
margin-top: -300px;
margin-left: -425px;
}

</style>

Le principe est simple, en definissant la position vertical à 50% , le haut du bloc s'aligne au centre...
Je remonte mon bloc de 300px, (la moitié de sa hauteur) pour que ce soit le bloc qui soit au milieu, et non sa point culminant...

As tu compris ?

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

logan-kyles

Parfaitement, merci pour ton explication. J'avais déjà vu passer ce code mais je devais l'avoir mal modifié ou mal implanté.

En tout cas ca marche parfaitement et surtout le plus important, j'ai compris le code donc merci beaucoup de ton aide :jap:

---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0

Publicité

abais

you're welcome

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

caribouuu

Le problème des marges négatives c'est que le bloc ne peut qu'avoir une hauteur fixe (ce qui n'est pas gênant dans ce cas précis) mais aussi que si le bloc dépasse la zone visible de la page web (reduction du navigateur par exemple) ça réagit pas bien.

On peut très facilement centrer verticalement un élément de la façon expliquée dans ce tutoriel:

http://web.covertprestige.info/tes [...] ontal.html

---------------
Bla (blaa bbla)

abais

C'est beurk caca les tables
Il ne faut les utiliser qu'en cas de force majeur ! (et encore !)
Pour éviter les calages foireux des div lors de la réduction d'une fenêtre, on défini une taille limite au body... tout simplement...

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

caribouuu

Oui voilà, ça oblige à avoir une taille limite. Bon dans ce cas précis je trouve pas gênant d'utiliser une table, c'est une table a une seule cellule qui fait toute la page. A l'intérieur de la cellule tout se fait en css

---------------
Bla (blaa bbla)

abais

Moi même graphiste, j'ai longtemps juré par les tables... mais Les DIV donnent plus de possibilité au CSS...
Après, c'est sûre qu'une table d'une cellule ça n'handicape pas beaucoup, mais si on peut s'en passer...
Perso, j'ai toujours trouvé une soluce, plus ou moins difficilement

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

FORUM HardWare.fr

Programmation

HTML/CSS

Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide

Sujets relatifs
J'ai un souci d'iframes, je peux vous demander votre aide ?	Besoins d'aide script ksh SVP!!!
mon lien HTML dans du XML n'est pas interprété [résolu]	Probleme de compatibilité IE / FireFox, vraiment besoin d'aide !
jsp html servlet cases à cocher	player video, javascript + flash
recherche menu vertical défillant en css	Image sur une autre
besoin d'aide sur un exercice sur logiciel R
Plus de sujets relatifs à : Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide

Page générée en 0.045 secondes