La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  cherche un script pour centrer les pages 		« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: cherche un script pour centrer les pages  (Lu 1667 fois)
cherche un script pour centrer les pages
« sur: le 16-12-2008 a 22:20:26 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour j ai un probleme selon la résolution mes pages reste toujour a gauche !!!!!
existe t il un script pour les centrer ?
voila mes sites ..
http://www.radioemocao.zik.dj/

http://www.saudades-portugal-tchat.0rg.fr/


merci a tous ....   

Rapporter au modérateur  

Re:cherche un script pour centrer les pages
« Répondre #1 sur: le 17-12-2008 a 15:41:51 »
HiRoN
Membre récent
*

Hors-Ligne

Messages: 29



HiRoN's Place

Voir le Profil    WWW
Répondre avec citation

Salut,

Par exemple en englobant le tout dans un <div> que tu centres en utilisant cette technique (CSS) : http://xhtml.developpez.com/faq/?page=marges_alignement#CSS_centrer_horizontalement
Rapporter au modérateur  
http://www.hironplace.com
Re:cherche un script pour centrer les pages
« Répondre #2 sur: le 18-12-2008 a 20:59:17 »
easyocas
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 22



Webmaster Easy-Ocas

Voir le Profil    WWW
Répondre avec citation

Tu mets le tout dans un div avec id="exemple" puis dans ta feuille de style css :
DIV#exemple {
margin:auto;
}
c'est pas plus compliqué que ca
Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #3 sur: le 19-12-2008 a 12:30:10 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

merci , je vais essayé 
je vous tien au courant si c est bon .... 

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #4 sur: le 19-12-2008 a 12:43:25 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

non je n y arrive toujour pas voila mon début de script ...   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emo&ccedil;ao</title>
<style type="text/css">
<!--
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.Style1 {
   font-size: 36px;
   font-weight: bold;
   color: #FF3300;
}
.Style2 {
   font-size: 24px;
   font-weight: bold;
   color: #CC6600;
}
body {
   background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
   color: #00FFFF;
   font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
   color: #A6A600;
   font-weight: bold;
}
.Style20 {
   color: #CC9900;
   font-size: 24px;
}
.Style22 {
   color: #FF3300;
   font-weight: bold;
   font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}
-->
</style>
</head>

<body>
<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
    <param name="movie" value="button1.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#000000">
    <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
  </object>
« Dernière Édition: le 19-12-2008 a 12:46:51 par borsalino » Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #5 sur: le 19-12-2008 a 13:21:23 »
easyocas
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 22



Webmaster Easy-Ocas

Voir le Profil    WWW
Répondre avec citation

Salut ,
je te conseil de crée une feuille de style CSS :
exemple :
style.css :

Code:

@charset "utf-8";
/* La c'est la feuille de style  */
DIV#exemple { /* Le id du div contenu */
margin:auto;
width:1363px  /* Je te conseille 1200px max */
}
.Style1 {
  font-size: 36px;
  font-weight: bold;
  color: #FF3300;
}
.Style2 {
  font-size: 24px;
  font-weight: bold;
  color: #CC6600;
}
body {
  background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
  color: #00FFFF;
  font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
  color: #A6A600;
  font-weight: bold;
}
.Style20 {
  color: #CC9900;
  font-size: 24px;
}
.Style22 {
  color: #FF3300;
  font-weight: bold;
  font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}

ta page :
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emo&ccedil;ao</title>
<style type="text/css">
<!--
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

</head>

<body>

<div id="exemple"> <!-- Ici le div contenu -->

<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
    <param name="movie" value="button1.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#000000">
    <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
  </object>
 
</div> <!-- Find du div Contenu -->
Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #6 sur: le 19-12-2008 a 18:56:43 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour , tu me dit de crée une feuille de style CSS , la je suis perdu 
moi j ai fais mes sites avec dreamweaver mx 2004 . je debute dans le webmastering peut tu m expliquer le plus simple possible merci easyocas 
en tout deja je veux te dire un grand merci pour t on aide . 

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #7 sur: le 19-12-2008 a 19:01:56 »
easyocas
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 22



Webmaster Easy-Ocas

Voir le Profil    WWW
Répondre avec citation

Ben pour pas compliquer colle simplement le code de style.css dans ta page html
entre les balise :
<style>
ici
</style>
ici la page qui continue

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #8 sur: le 20-12-2008 a 00:17:03 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

ok merci je vais essayer ca 

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #9 sur: le 20-12-2008 a 18:43:05 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour , easyocas j ai essayé ca ne marche toujour pas l ami durrrrrrrrrrrr     
peut tu me faire le debut de script en reprenant le mien , comme ca j ai plus que a faire un copier coller merci encore une foi pour t on aide 

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #10 sur: le 20-12-2008 a 19:33:15 »
easyocas
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 22



Webmaster Easy-Ocas

Voir le Profil    WWW
Répondre avec citation

Voila le code Complet :
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emo&ccedil;ao</title>
<style type="text/css">
<!--
/* La c'est la feuille de style  */
DIV#exemple { /* Le id du div contenu */
margin:auto;
width:1363px  /* Je te conseille 1200px max */
}
.Style1 {
  font-size: 36px;
  font-weight: bold;
  color: #FF3300;
}
.Style2 {
  font-size: 24px;
  font-weight: bold;
  color: #CC6600;
}
body {
  background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
  color: #00FFFF;
  font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
  color: #A6A600;
  font-weight: bold;
}
.Style20 {
  color: #CC9900;
  font-size: 24px;
}
.Style22 {
  color: #FF3300;
  font-weight: bold;
  font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

</head>

<body>

<div id="exemple"> <!-- Ici le div contenu -->

<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
    <param name="movie" value="button1.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#000000">
    <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
  </object>

</div> <!-- Find du div Contenu -->
Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #11 sur: le 22-12-2008 a 22:36:06 »
borsalino
Membre récent
*

Hors-Ligne

Messages: 9



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour , easyocas j ai fais le copier collé de ton script et  ca ne marche toujour pas l ami     
merci pour ton aide encore une foi l ami     

Rapporter au modérateur  
Re:cherche un script pour centrer les pages
« Répondre #12 sur: le 04-01-2009 a 14:56:02 »
dvilston
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 79



Toujours rechercher l'inovation !

Voir le Profil    WWW    E-Mail
Répondre avec citation

bah pour centrer une page tu n'as ni plus ni moins besoin que de css et non d'un script.

Quand je vois l'état de tes 2 sites, il faut vraiment tu les refasse absolument enfin prendre la vague web 2.0, le css séparé, de même pour le js, éviter de faire les pages avec le mode graphiste de dreamweaver, c'est le code en lui même qui est horrible. Si tu veux vraiment devenir un bon webmaster alors apprend le xHTML avec le bloc-note. dreamweaver est trop gros, trop lourd... tu as besoin d'un logiciel simple et surtout qui ne te crée pas de code à ta place.

Pour centrer ton contenu il te suffit de le placer dans une div qui fait 100% de large et centré, le contenu à l'interieur doit avoir une largeur fixe de 1010px.

Sinon pour le reste ajoute un player sur le site de radio vu que j'avais pas franchement envie de l'écouter, surtout que j'étais déjà entrain découter de la musique... et vire le noir c'est pas attrayant pour ce type de site

bon courage
++
Rapporter au modérateur  
Creetik.com : Faites améliorer votre site internet
http://www.creetik.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 
Logo du forum du webmaster

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg