PROBLEME DE CENTRAGE DE MA PAGE
Oceane
-
Oceane -
Oceane -
Bonjour,
Comme tous les debutants (je pense) :-), j'ai un probleme de centrage de ma page web. Je m'explique:
J'ai cree une page genre Le background sur toute la page, puis un rectangle au mileur dans lequel se trouve mon fichier swf. Sur mon ordi, ma page est tres bien positionner et le rectangle qui contient mon annimation est centre. Mais sur d'autres PC, ce rectangle est soit trop haut soit trop bas. Que'lqu'un pourrait til m'aider?
Je precise que je suis debutante et ne connait rien en programation. Je travaillle avec Dreamweaver CS4.
MErci :-)
Comme tous les debutants (je pense) :-), j'ai un probleme de centrage de ma page web. Je m'explique:
J'ai cree une page genre Le background sur toute la page, puis un rectangle au mileur dans lequel se trouve mon fichier swf. Sur mon ordi, ma page est tres bien positionner et le rectangle qui contient mon annimation est centre. Mais sur d'autres PC, ce rectangle est soit trop haut soit trop bas. Que'lqu'un pourrait til m'aider?
Je precise que je suis debutante et ne connait rien en programation. Je travaillle avec Dreamweaver CS4.
MErci :-)
Configuration: Windows Vista Internet Explorer 7.0
23 réponses
- 1
- 2
Suivant
-
-
Bien sur:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>- GRAPHIX - Under Construction</title>
<style type="text/css">
<!--
body {
background-color: #010149;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body bgcolor="#010149">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">
<table width="70%" border="0" align="center" cellspacing="0">
<tr>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="730" height="650" id="FlashID" title="Welcome to Graphix">
<param name="movie" value="my ad.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="my ad.swf" width="730" height="650">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="https://get.adobe.com/flashplayer/"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
</table>
</div></td>
</tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html> -
Re..
Premièrement il n'est pas nécessaire de mettre un background dans le style et encore dans le div
Ca c'est pour la parenthèse
Marc
Ensuite j'arrive...lol -
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Bon je regarde un peu ton code...
C'est un peu le borde...
Tu applique une table de 100% puis une de 70% pourquoi?
Et je vois que le fichier fais dans les 730px (je pense) de large....
As tu un copie du ficher swf ?
Car je n'ai pas le lien et comme tout est en bleu, je ne me situe pas dans le doc...
Marc -
Voici le code un peu modifier
Mais il faut tester si problème tu peux me contacter
Ps possible d'avoir l'url merci
Marc
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>- GRAPHIX - Under Construction</title>
<style type="text/css">
<!--
body {
background-color: #010149;
text-align:center;
left : 50%;
margin-left : -365px;
position : absolute;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
}
#global{
width:730px;
height:650px;
}
-->
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="730" height="650" id="FlashID" title="Welcome to Graphix">
<param name="movie" value="my ad.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="my ad.swf" width="730" height="650">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="noborder" />
<!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="https://get.adobe.com/flashplayer/"><img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</div>
</body>
</html> -
Bon je t'explique en bref:
En fait je ne connais rien aux codes. J'ai travaille sur Dreamweaver dans la section Creation. J'ai fais un background bleu, de 100% (un tableau a 3 colonnes une ligne). Puis dans la colonne du milieu jai donne 70%, puis inserer mon animation swf. Mais etant donne que mon swf etait petit, je l'ai etendu a 730X650 de Dreamwaever, et non de flash. JE sais c pas un beau travail, jai je debute et j'essaie de mon mieux de comprendre. Merci pour ton aide -
J'ai pense te donner l'url, mais j'hesite un peu sur le forum, si tu pe me donner une adresse ca serait preferable.
Je jette un coup d'oeil a ton code ... -
de toute façon l'url n'est qu'une page que des milliers d'internautes (voir milliards) peuvent voir...
Comme tu veux...
Marc -
-
chez moi je ne sais pas si tu as effectué les changements mais avec ie8 et FF3 tout fonctionne...
Marc -
Avec ie Tester (5,5 6 7 8)
Ca fonctionne aussi
JE sais pas
Marc -
Je nai pas encore effectue les changements sur le serveur, j'en suis sur Dreamweaver.
Sur certains PC, le cadre de l'animation nest pas positionner sur le haut et le bas, il ys un scroll bar, ou alors la base de l'animation ets bcp plus haute que la base de l'ecran (je ne sais pas je me fais comprendre).
J'ai aussi un autre soucis: Tu vois la photos de "Graphic Design", les fleurs bleues: sur certains PC, elle apparait en jaune, pas en bleu. Cette image je lai travaille sur Illustrator puis exporter en Jipeg. Mais je ne comprends pas pq sur certian PC elle donne jaune...
PS: Je suis en train d'ajuster tes modifications ... -
-
Mais la résolution d'écran des internautes varie....
Chez moi je me répète tout fonctionne avec IE tester, Ie 8 et FF
Il doit exister une action pour que le scroll bar soit en permanence mit "google est ton ami "
Chez moi je suis sur du 1280/800 moins les barres du dessus et dessous donc j'ai le scroll qui est mit en permanence pour ton animation
Pour le graphisme la je suis désoler mais je n'ai aucune notion en graphisme...
Sorry
Marc -
Justement ce ke je voudrai c ke ma page s'ajuste a n'importe quelle resolution d'ecran.
De toute gacon jai integre tes modifications. Je vais tester a nouveau la page demain du Pc du bureau, on verra si ca marche. Merci bcp pour ton aide.-
Je n'avais pas fais attention hier soir Effectivement si tu fais un tableau en % Il s'adaptera à t'as page mais le problème est que tu travail en px pour ton animation flash et là si tu as un écran plus petit forcement lui il gardera la taille de départ, donc l'apparition des scroll .
Moi je te conseil de diminuer alors ton animation en 600 par 400 par exemple
Ou alors de mettre ton animation en % mais je ne sais pas si c'est possible....
Marc
-
-
J'ai aussi du 1280X800, donc on le voit de la meme facon. Avec cette resolution, la page est parfaite ...
-
ok
Si problème je laisse le sujet ouvert sur mon pc je regarde demain après midi pour voir si ok
De rien
Bonne soirée
Marc -
Merci bcp, c tres gentil a toi!
Je te dis bonne nuit, car il est deja tard chez moi :-)
A demain si probleme (esperons que non!)
A+ -
Bon je reviens a la charge ... ca na pas marche ....
Sur le Pc du bureau, ca donne la meme position qu'avec l'ancien code :-(((
- 1
- 2
Suivant
