Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide
Centrage vertical d'une zone flash en HTML, besoin d'un peu d'aide - HTML/CSS - Programmation
Marsh Posté le 19-10-2008 à 21:23:17
personne pour me dépanner ? 
---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0
Marsh Posté le 20-10-2008 à 18:36:51
up
---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0
Marsh Posté le 20-10-2008 à 19:06:10
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
Marsh Posté le 20-10-2008 à 21:52:12
heu, je veux bien te croire mais encore une fois je suis un gros mais alors très gros ![[:samteckto]](https://forum-images.hardware.fr/images/perso/samteckto.gif "[: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
Marsh Posté le 20-10-2008 à 22:38:00
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 :
|
Message édité par David Boring le 20-10-2008 à 22:39:04
Marsh Posté le 20-10-2008 à 22:51:35
| David Boring a écrit : Heu, ton div n'est pas généré par swobject.
|
et toi tu lui donne la solution pour un centrage horizontal 
![[:czajczynski]](https://forum-images.hardware.fr/images/perso/czajczynski.gif "[:czajczynski]")
---------------
Recette cookeo Recette de cuisine
Marsh Posté le 21-10-2008 à 09:38:04
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
Marsh Posté le 21-10-2008 à 16:39:13
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.
Marsh Posté le 21-10-2008 à 19:11:23
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 
---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0
Marsh Posté le 21-10-2008 à 19:42:20
you're welcome
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 26-10-2008 à 20:50:24
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)
Marsh Posté le 27-10-2008 à 10:42:06
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.
Marsh Posté le 27-10-2008 à 12:06:01
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)
Marsh Posté le 27-10-2008 à 13:27:47
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.
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
Marsh Posté le 19-10-2008 à 18:32:03
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
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