centrage d'un site

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : centrage d'un site

Yarok

Maschinen Krieger

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 :jap:

Publicité

Aslan117

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

Yarok

Maschinen Krieger

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

leserigraphe

Stop the music and go home

warff ton bat signal est génial :love:

Message édité par leserigraphe le 07-01-2008 à 23:21:19

fred2501

Attention tout de même à la lisibilité de ton logo inkimpact

---------------
Agence Web à Strasbourg - Création de site internet

Yarok

Maschinen Krieger

leserigraphe: hihihi merci

fred: oui merci, ça fait partie du remaniement du site :jap:

totoffe38

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à

butthead

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

J_D_

T'es sur que t'as posté le bon bout de code?

Donne le lien du site s'il te plait.

butthead

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

Publicité

abais

Oui, poste nous tout le code !

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

butthead

---------------
Oserez vous affronter ma brute: http://creech.labrute.fr

abais

et bien, ça serait peut être bien d'enfermer ton flash dans une DIV !
Donc, en reprennant le post de Totoffe38, tu as :

Code :

<!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"> 
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site</title>
 
<style type="text/css">
 
body{
background-color: #ffffff;
}
#page {
width: 1024px;
margin: auto;
}
 
</style>
 
</head>
 
<body>
 
<div id="page">
 
<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>
 
</div>
 
</body>
</html>

Message édité par abais le 20-11-2008 à 16:16:06

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

abais

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.

butthead

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

abais

hein ? Ne melange pas le flash et son integration !

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

butthead

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

abais

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.

butthead

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

butthead

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

butthead

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

abais

poste nous ton code HTML

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

J_D_

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.

athenaa

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 ?

J_D_

ah OK.

J'aurais du checké un peu mieux cette hsitoire.

butthead

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

butthead

<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">

<a href="mailto:truc@truc.fr"></a>




<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

J_D_

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">

butthead

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

abais

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 :

<!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 src="AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1024','height','768','movie','SiteWeb','quality','high','bgcolor','#ffffff' );
</script>
<noscript>
<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>
</noscript>
</div>
</body>
</html>

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

abais

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.

butthead

ç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

abais

Je me suis peut être trompé dans les paramètre du javascript...

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

Zedlefou

In cabbage we trust !

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

abais

Oh... avec la standardisation du 1280 (surtout avec le wide)...
M'enfin, faut voir à qui s'adresse le site, c'est sure...

Message cité 1 fois

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

butthead

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>


<a href="mailto:a.truc@truc.fr"></a>




<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>

Message cité 1 fois

---------------
Oserez vous affronter ma brute: http://creech.labrute.fr

Zedlefou

In cabbage we trust !

abais a écrit :

Oh... avec la standardisation du 1280 (surtout avec le wide)...
M'enfin, faut voir à qui s'adresse le site, c'est sure...

A toi de juger http://www.libstat.com/pages/resolution.htm

butthead a écrit :

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".

Message cité 1 fois

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

butthead

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

Zedlefou

In cabbage we trust !

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 :

<html>
<head>
</head>
<body>
</body>
</html>

Message édité par Zedlefou le 08-12-2008 à 13:44:31

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

abais

Zedlefou a écrit :

A toi de juger http://www.libstat.com/pages/resolution.htm

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.

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Graphisme

Web design

centrage d'un site

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
Plus de sujets relatifs à : centrage d'un site

Page générée en 0.162 secondes