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 :-)
A voir également:
- PROBLEME DE CENTRAGE DE MA PAGE
- Impossible de supprimer une page word - Guide
- Faire de google ma page d'accueil - Guide
- Numéro de page word - Guide
- Fond de page word - Guide
- Imprimer tableau excel sur une page - Guide
23 réponses
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>
<!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
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
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>
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
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 ...
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
Comme tu veux...
Marc
chez moi je ne sais pas si tu as effectué les changements mais avec ie8 et FF3 tout fonctionne...
Marc
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 ...
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
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.
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
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
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
