centrage d'un site
centrage d'un site - Web design - Graphisme
Marsh Posté le 07-01-2008 à 21:52:48
Salut. Ce site pourra t'aider: http://www.siteduzero.com/tuto-3-6 [...] e-web.html
@+
Message édité par Aslan117 le 05-12-2008 à 14:59:21
Marsh Posté le 07-01-2008 à 22:55:26
Ha ben je crois bien que c'est ce dont j'ai besoin 
merci!
Message édité par Yarok le 07-01-2008 à 22:55:37
Marsh Posté le 07-01-2008 à 23:20:58
warff ton bat signal est génial 
Message édité par leserigraphe le 07-01-2008 à 23:21:19
Marsh Posté le 08-01-2008 à 04:32:29
Attention tout de même à la lisibilité de ton logo inkimpact
---------------
Agence Web à Strasbourg - Création de site internet
Marsh Posté le 08-01-2008 à 08:44:04
leserigraphe: hihihi merci 
fred: oui merci, ça fait partie du remaniement du site 
Marsh Posté le 08-01-2008 à 12:31:30
La technique ultra simple pour centrer un site:
Par exemple:
<body>
<div id="page">
contenu de ton site
</div>
</body>
Dans ton css:
#page {
width: 750px;
margin: auto
}
Et voilà
Marsh Posté le 20-11-2008 à 12:04:37
Bonjour à tous , je me permet de réutiliser ce post, je suis moi même en train de faire un site en utilisant flash 8.
Impossible pour moi de centrer le site j'ai beau utiliser toutes les méthodes que je trouve en recherchant avec Google ou même sur ce site.
J'ai beau essayer avec ce qui semble etre la méthode la plus couramment utilisée :
<!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" lang="fr" xml:lang="fr">
mais rien n'y fait.
Donc question est ce que ce script ne fonctionne pas avec l'action script ??
Pour info je construit mon site dans le même fichier en utilisant les séquences etc, le problème vient il de la ??
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 12:10:06
T'es sur que t'as posté le bon bout de code?
Donne le lien du site s'il te plait.
Marsh Posté le 20-11-2008 à 14:31:31
il est pas encore en ligne je suis en train de le faire !! Mais quand je fais aperçu il n'est jamais centré !!
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 15:02:08
Oui, poste nous tout le code !
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 20-11-2008 à 15:46:32
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site</title>
</head>
<body bgcolor="#ffffff">
<!--URL utilisées dans l'animation-->
<a href="mailto:a.ahuhgit@atytaya.fr"></a>
<!--texte utilisé dans l'animation-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="768" id="Site" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="Site.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="Site.swf" quality="high" bgcolor="#ffffff" width="1024" height="768" name="Site" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 16:14:32
et bien, ça serait peut être bien d'enfermer ton flash dans une DIV !
Donc, en reprennant le post de Totoffe38, tu as :
Code :
|
Message édité par abais le 20-11-2008 à 16:16:06
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 20-11-2008 à 16:18:12
PS : Etant donné que tu avais deja mis une id à ton flash ("Site" ), c'est vrai que tu aurais pu te passer de la DIV pour appliquer le style à #Site
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 20-11-2008 à 16:47:53
Ok je vais essayer sauf que pour te copier le script j'ai fais publier , puis dans firefox j'ai affiché le code source et la je l'ai copié.
Mais je ne sais pas ou trouver ce code directement sous flash !!
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 16:56:37
hein ? Ne melange pas le flash et son integration !
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 20-11-2008 à 17:01:15
Désolé , je fais juste ça en amateur, j'ai pas trop de problème quand il faut faire une présentation flash, mais publier un site web c'est ma première fois, et je ne sais pas comment accéder au script plus haut pour rajouter le "div"
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 17:02:01
prend mon code que je t'ai posté pour ta page HTML, ne touche pas au flash !
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 20-11-2008 à 17:11:33
ah donc il faut que je créés un html , moi pour le moment j'ai uniquement un .fla et un .swf
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 20-11-2008 à 17:23:26
C'est bon ça fonctionne un grand merci à toi !! Tu viens de sauver la vie de ma souris lol
Message édité par butthead le 20-11-2008 à 17:23:42
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 04-12-2008 à 16:24:19
C'est encore moi, je viens de m'apercevoir d'une chose, mon site est bien centrer sous Firefox, mais pas avec Internet Explorer.
Que faut il rajouter dans le script ?
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 04-12-2008 à 17:01:12
poste nous ton code HTML
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 04-12-2008 à 17:45:35
J'ai firefox et ce n'est pas centré, c'est normal?
Je ne connais pas ton niveau dans la création web mais les frames, c'est pas du tout conseiller.
Marsh Posté le 04-12-2008 à 20:09:53
il a pas donné son site, il ne l'a pas mit en ligne lol son site c'est pas celui du premier post hein ?
Marsh Posté le 05-12-2008 à 10:06:52
non il est pas encore en ligne le site, je suis seulement en train de le finir et après vas falloir que les chefs décident et donc la se sera les modifs !!
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 05-12-2008 à 10:10:19
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SiteWeb</title>
<style type="text/css">
body{
background-color: #ffffff;
}
#page {
width: 1024px;
margin: auto;
}
</style>
</head>
<body bgcolor="#ffffff">
<!--URL utilisées dans l'animation-->
<a href="mailto:truc@truc.fr"></a>
<!--texte utilisé dans l'animation-->
<!--
Process:
Concept
-->
<!-- saved from url=(0013)about:internet -->
<div id="page">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="768" id="SiteWeb" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="SiteWeb.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="SiteWeb.swf" quality="high" bgcolor="#ffffff" width="1024" height="768" name="SiteWeb" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 05-12-2008 à 12:29:16
rajoute cette ligne et place là au dessus de ta balise <html>.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Marsh Posté le 05-12-2008 à 14:31:00
pour le centrage sous IE cela fonctionne merci , par contre j'ai ajouter ces lignes pour regler le pb de frame qui apparait tout autour du site toujours sous IE, mais ça ne fonctionne pas !!
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder." );
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0',
'width', '134',
'height', '130',
'src', 'monFlash',
'quality', 'best',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'false',
'scale', 'noscale',
'wmode', 'window',
'devicefont', 'false',
'id', 'btns_achat_vente',
'bgcolor', '#b9e0f7',
'name', 'btns_achat_vente',
'menu', 'false',
'allowScriptAccess','sameDomain',
'movie', 'monFlash',
'salign', 't'
); //end AC code
}
</script>
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 05-12-2008 à 15:14:36
Normal, ton Script n'est pas adapté à ton flash (nom, bgcolor différent, etc...)
Tiens, voici une correction :
N'oublie pas qu'il te faut le fichier AC_RunActiveContent.js dans la racine du site...
Code :
|
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 05-12-2008 à 15:17:11
A oui, astuce, pour ne pas avoir les # en debut de ligne si tu copie/colle bourrin, copie mon code non pas depuis mon message directement, mais en faisant "BBcode" avant, pour copier ce qu'il y a entre mes balise [ cpp]
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 05-12-2008 à 16:11:58
ça ne fonctionne, une fois que j'ai ajouter les lignes de codes, quand je fais un test j'obtiens une page blanche que ce soit dans fox ou dans IE, par contre quand je retire </noscript> le site reviens mais la frame sur IE et toujours présente. Et j'ai bien mis le AC_RunActiveContent.js à la racine du site.
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 05-12-2008 à 16:20:53
Je me suis peut être trompé dans les paramètre du javascript...
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 08-12-2008 à 07:37:35
1. 1024 de large c'est trop. Tu vas avoir une barre de scroll sur plein d'ordis. En general on prend 960 ou 950px
2. Utilises SWF object c'est beaucoup plus propre
---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Marsh Posté le 08-12-2008 à 10:26:03
Oh... avec la standardisation du 1280 (surtout avec le wide)...
M'enfin, faut voir à qui s'adresse le site, c'est sure...
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Marsh Posté le 08-12-2008 à 11:12:04
alors le swf object à bien réglé le bug dans IE , par contre cela me creer un problème dans firefox maintenant !!j'ai la page du site qui apparait en plus petit au dessus de la page principale cela ne le fais pas dans IE.
je recopie mon code et en rouge c'est le script que j'ai ajouter pour le bug IE, à priori mon probleme ce situe dans les lignes entre <div id="flashcontent"> et </script> car quand je la supprime cela refonctionne dans firefox mais le bug IE revient.
<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SiteWeb</title>
<style type="text/css">
body{
background-color: #ffffff;
}
#page {
width: 1024px;
margin: auto;
}
</style>
</head>
<body bgcolor="#ffffff">
<div id="page">
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player</strong>
This is replaced by the Flash content.
Place your alternate content here and users without the Flash plugin or with
Javascript turned off will see this. Content here allows you to leave out <code>noscript</code>
tags. Include a link to <a href="fullpage.html?detectflash=false">bypass the detection</a> if you wish.
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("SiteWeb.swf", "SiteWeb", "100%", "100%", "8", "#FFFFFF" );
so.addVariable("flashVarText", "this is passed in via FlashVars for example only" );
so.write("flashcontent" );
// ]]>
</script>
<!--URL utilisées dans l'animation-->
<a href="mailto:a.truc@truc.fr"></a>
<!--texte utilisé dans l'animation-->
<!--
Process:
Concept
-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="768" id="SiteWeb" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="SiteWeb.swf" />
<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
<embed src="SiteWeb.swf" quality="high" bgcolor="#ffffff" width="1024" height="768" name="SiteWeb" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 08-12-2008 à 12:31:00
| abais a écrit : Oh... avec la standardisation du 1280 (surtout avec le wide)... |
A toi de juger http://www.libstat.com/pages/resolution.htm
| butthead a écrit : alors le swf object à bien réglé le bug dans IE , par contre cela me creer un problème dans firefox maintenant !!j'ai la page du site qui apparait en plus petit au dessus de la page principale cela ne le fais pas dans IE. |
J'ai envie de dire lol, mais je sens que ca va etre mal pris ...
T'es sur qu'il n'y a pas un probleme dans ton code ?
Regarde bien.
Je te donne un indice : "c'est en rouge".
---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Marsh Posté le 08-12-2008 à 13:01:42
Euh je suis très loin d'être un pro sur flash, c'est pour cela que je demande de l'aide,alors si tu as la solution peux tu me la donner stp , cela m'évitera de perdre des heures ) chercher bêtement
---------------
Oserez vous affronter ma brute: http://creech.labrute.fr
Marsh Posté le 08-12-2008 à 13:42:45
Ou alors tu peux chercher intelligement et essayer de comprendre comment fonctionne le HTML. (ce qui est super simple quand meme)
Et comprendre rapidement ou se situe ta grosse erreur.
Je te donne un autre indice.
La structure d'un document HTML c'est
Code :
|
Message édité par Zedlefou le 08-12-2008 à 13:44:31
---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Marsh Posté le 08-12-2008 à 13:43:26
Ah oui quand même ! Dsl...
Sinon butthead, tu inclut un code de page web complete (à peu de chose près) dans ta div.... donc, c'est absurde.
Regarde, comme dit zed, en rouge, tu as une balise style (la 2eme), un 2eme </head>, un 2eme body...
Une preuve qu'IE a un gros problème !
---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Sujets relatifs:
- Avis pour mon site
- Vos avis sur le design de mon site ...
- demande d'avis sur mon site de tutoriel 3dsmax
- demande d'avis sur mon site
- Bonjour j'aimerai des avis pros sur mon premier site
- besoin d'avis sur un site
- besoin d'un logiciéle
- cherche site
- ...
- Création de site Internet
Marsh Posté le 07-01-2008 à 16:24:54
Salut à tous,
Voilà déjà pas mal de temps que j'ai réalisé ce site, mais je voudrais le mettre à jour graphiquement, notamment en lui donnant une largeur moindre (750 pixels) et en le centrant complètement sur le page, les zones gauches et droites s'ajustant automatiquement à la taille de la fenêtre du navigateur.
Seulement, si j'arrive centrer ma bannière, le menu lui ne veut pas suivre. Comment centrer l'ensemble du site, en gardant "l'empilement d'images" pour le menu et une zone principale dont je peux facilement changer le contenu?
Je suis sûr que c'est une bêtise, mais je tourne en rond depuis quelques jours, est-ce que vous pouvez m'aiguiller?
Merci