Vous n'êtes pas identifié.
Annonce
#1 Aide pour centrer ce site creer avec web easy pro 7 du 31-07-2010 09:11:31
- maxituc
- c00lnaute nouveau
- Date d'inscription: 31-07-2010
- Messages: 1
Aide pour centrer ce site creer avec web easy pro 7
Bonjour a tous,j'esperre etres au bonne endroit,je suis completement debutant et j'avais donc acheté web easy pro 7!Tous c'est tres bien passé a un detail pres mon site n'est pas centrer,ben du moin pas sur tout les ecran.J'ai essailler plusieurs script que j'ai trouvé sur la toile mais rien y faisLe site ne bouge pas!Je crois que le site est composé pour chaque page html d'un fichier css!Je ne sais qu'est ce fichier!
Ceci est ma page index.html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Generated by Avanquest Technology v:7.1. For information please visit: http://www.avanquestusa.com/ -->
<html lang="en">
<head>
<title> index </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css;">
<meta name="Author" content="maxituc and killand">
<meta name="Description" content="Tous ce que desire votre cookie:themes;tuto;firmwares;astuces...Ainsi qu'un forum d'entraide!
Rejoignez nous!!">
<link rel="stylesheet" href="cookie_g.css" type="text/css" media="screen,projection,print"> <!--// Document Style //-->
<link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->
</head>
<body id="page">
<div id="conteneur>
#conteneur
{
width: 1024px;
margin: auto;
}
<span id="e59"></span>
<div id="e58" class="cc01">
Bienvenue sur COOKIE LAND<br>
Ton Cookie trouveras tout ce dont il rêve sur ce site !
</div>
<span id="e57"></span>
<span id="e56"></span>
<div id="e55" class="cc02">
<a href="http://cookie-land.leforum.eu/chat2.php" target="_blank">
Chat Box du forum</a>
</div>
<div id="e54" class="cc03">
<a href="http://cookie-land.leforum.eu/index.php" target="_blank">
(Attention connexion au forum requise)</a>
</div>
<span id="e53"></span>
<span id="e52"></span>
<div id="e51" class="cc04">
Les News (Ici, les nouvelles du site,forum et du cookie)
</div>
<div id="e50" class="cc04">
Le LG Cookie (Tous ce qui se rapporte au cookie: thèmes,jeux...)
</div>
<span id="e49"></span>
<span id="e48"></span>
<div id="e47" class="cc04">
Autres
</div>
<div id="e46" class="cc04">
Le forum
</div>
<span id="e45"></span>
<div id="e44"><span class="sly">
Thèmes
</span></div>
<span id="e43"></span>
<div id="e42"><span class="sly">
Jeux
</span></div>
<span id="e41"></span>
<div id="e40"><span class="sly">
Applications
</span></div>
<span id="e39"></span>
<div id="e38"><span class="sly">
Firmware
</span></div>
<span id="e37"></span>
<div id="e36"><span class="sly">
Multimédias
</span></div>
<span id="e35" class="cc05"></span>
<span id="e34" class="cc05"></span>
<span id="e33" class="cc05"></span>
<span id="e32" class="cc05"></span>
<span id="e31" class="cc05"></span>
<div id="e30" class="cc06">
<a href="cookie_002.htm">
Idle Widget</a>
</div>
<span id="e29" class="cc05"></span>
<span id="e28" class="cc05"></span>
<span id="e27" class="cc05"></span>
<div id="e26" class="cc06">
<a href="cookie_003.htm">
Keylock</a>
</div>
<div id="e25" class="cc06">
<a href="cookie_004.htm">
Top Menu</a>
</div>
<div id="e24" class="cc06">
<a href="cookie_011.htm">
Kp500</a>
</div>
<div id="e23" class="cc06">
<a href="cookie_012.htm">
Kp501</a>
</div>
<span id="e22" class="cc05"></span>
<div id="e21" class="cc06">
<a href="cookie_006.htm">
Flash</a>
</div>
<span id="e20" class="cc05"></span>
<div id="e19" class="cc07">
<a href="cookie_008.htm">
Motion sensore</a>
</div>
<div id="e18" class="cc06">
<a href="cookie_009.htm">
Utillitaires</a>
</div>
<span id="e17" class="cc05"></span>
<div id="e16" class="cc06">
<a href="cookie_007.htm">
.Jar</a>
</div>
<div id="e15" class="cc06">
<a href="cookie_005.htm">
music player</a>
</div>
<span id="e14" class="cc05"></span>
<div id="e13" class="cc06">
<a href="cookie_010.htm">
Autres</a>
</div>
<span id="e12" class="cc05"></span>
<span id="e11" class="cc05"></span>
<div id="e10" class="cc06">
<a href="cookie_014.htm">
Images</a>
</div>
<div id="e9" class="cc06">
<a href="cookie_015.htm">
Vidéos</a>
</div>
<div id="e8" class="cc06">
<a href="cookie_016.htm">
Sons</a>
</div>
<span id="e7" class="cc05"></span>
<div id="e6" class="cc06">
<a href="cookie_013.htm">
Autres</a>
</div>
<div id="e5" class="cc08">
Le site est actuellement en cours de creation <br>
donc la plupart des pages sont vides
</div>
<span id="e4"></span>
<a href="cookie_017.htm">
<img id="e3" name="e3" src="cookie001002.jpg" title="" alt="cookie001002.jpg" align="right" border="0"></a>
<span id="e2"></span>
<a href="cookie_018.htm">
<img id="e1" name="e1" src="cookie001001.jpg" title="" alt="cookie001001.jpg" align="right" border="0"></a>
</body>
</html>Perso je n'y comprend pas grand chose.
Et ceci le fichier css qui va avec l'index,appelé index p.css:
Code:
/*--- Avanquest WebEasy Page Style ---*/
.cc01 { /* Common */
font : 12pt 'Arial', Helvetica, sans-serif;
color : #ffffff;
}
.cc02 { /* Common */
font : 20pt '@SimSun';
color : #ffffff;
}
.cc03 { /* Common */
font : 8pt Helvetica, sans-serif;
color : #ffffff;
}
.cc04 { /* Common */
font : 12pt Helvetica, sans-serif;
color : #ffffff;
}
.cc05 { /* Common */
clip : rect(0.00pt,18.75pt,15.00pt,0.00pt);
}
.cc06 { /* Common */
font : 10pt 'Times New Roman', Book, Georgia, serif;
color : #808080;
}
.cc07 { /* Common */
font : 10pt Helvetica, sans-serif;
color : #808080;
}
.cc08 { /* Common */
font : 12pt Helvetica, sans-serif;
color : #ff0000;
text-align : center;
}
span#e59 { /* cookie001013.jpg */
background : transparent url(cookie001013.jpg) no-repeat top left;
position : absolute;
left : 261.00pt;
top : 3.75pt;
width : 225.00pt;
height : 225.00pt;
}
div#e58 { /* ... */
position : absolute;
left : 194.25pt;
top : 411.00pt;
width : 369.75pt;
height : 38.25pt;
}
span#e57 { /* cookie-land-a-donf-1af06... */
background : transparent url(cookie-land-a-donf-1af06ad.gif) no-repeat top left;
position : absolute;
left : 408.75pt;
top : 447.75pt;
width : 87.00pt;
height : 49.50pt;
}
span#e56 { /* 0029835001271003974-1ae6... */
background : transparent url(0029835001271003974-1ae6793.gif) no-repeat top left;
position : absolute;
left : 228.00pt;
top : 448.50pt;
width : 153.75pt;
height : 31.50pt;
}
div#e55 { /* Chat Box du forum */
position : absolute;
left : 279.00pt;
top : 513.75pt;
width : 231.75pt;
height : 24.75pt;
}
div#e54 { /* (Attention connexion au... */
position : absolute;
left : 300.75pt;
top : 538.50pt;
width : 194.25pt;
height : 14.25pt;
}
span#e53 { /* cookie001012.jpg */
background : transparent url(cookie001012.jpg) no-repeat top left;
position : absolute;
left : 116.25pt;
top : 654.75pt;
width : 533.25pt;
height : 196.50pt;
}
span#e52 { /* cookie001011.jpg */
background : transparent url(cookie001011.jpg) no-repeat top left;
position : absolute;
left : 115.50pt;
top : 899.25pt;
width : 533.25pt;
height : 263.25pt;
}
div#e51 { /* Les News (Ici, les nouve... */
position : absolute;
left : 147.00pt;
top : 663.00pt;
width : 387.00pt;
height : 20.25pt;
}
div#e50 { /* Le LG Cookie (Tous ce qu... */
position : absolute;
left : 148.50pt;
top : 906.00pt;
width : 466.50pt;
height : 20.25pt;
}
span#e49 { /* cookie001010.jpg */
background : transparent url(cookie001010.jpg) no-repeat top left;
position : absolute;
left : 116.25pt;
top :1220.25pt;
width : 533.25pt;
height : 196.50pt;
}
span#e48 { /* cookie001009.jpg */
background : transparent url(cookie001009.jpg) no-repeat top left;
position : absolute;
left : 116.25pt;
top :1490.25pt;
width : 533.25pt;
height : 196.50pt;
}
div#e47 { /* Autres */
position : absolute;
left : 147.00pt;
top :1227.75pt;
width : 61.50pt;
height : 20.25pt;
}
div#e46 { /* Le forum */
position : absolute;
left : 146.25pt;
top :1498.50pt;
width : 387.00pt;
height : 20.25pt;
}
span#e45 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 134.25pt;
top : 946.50pt;
width : 22.50pt;
height : 22.50pt;
}
div#e44 { /* Thèmes \ */
background : transparent url(cookie001008.jpg) no-repeat top left;
position : absolute;
left : 159.00pt;
top : 949.50pt;
width : 57.00pt;
height : 18.00pt;
}
span#e43 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 225.75pt;
top : 946.50pt;
width : 22.50pt;
height : 22.50pt;
}
div#e42 { /* Jeux\ */
background : transparent url(cookie001007.jpg) no-repeat top left;
position : absolute;
left : 249.75pt;
top : 949.50pt;
width : 36.00pt;
height : 20.25pt;
}
span#e41 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 297.75pt;
top : 946.50pt;
width : 22.50pt;
height : 22.50pt;
}
div#e40 { /* Applications \ */
background : transparent url(cookie001006.jpg) no-repeat top left;
position : absolute;
left : 321.75pt;
top : 949.50pt;
width : 81.75pt;
height : 18.00pt;
}
span#e39 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 411.75pt;
top : 946.50pt;
width : 22.50pt;
height : 22.50pt;
}
div#e38 { /* Firmware \ */
background : transparent url(cookie001005.jpg) no-repeat top left;
position : absolute;
left : 435.75pt;
top : 949.50pt;
width : 66.75pt;
height : 18.00pt;
}
span#e37 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 509.25pt;
top : 946.50pt;
width : 22.50pt;
height : 22.50pt;
}
div#e36 { /* Multimédias \ */
background : transparent url(cookie001004.jpg) no-repeat top left;
position : absolute;
left : 533.25pt;
top : 949.50pt;
width : 81.00pt;
height : 18.00pt;
}
span#e35 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 141.75pt;
top : 975.75pt;
width : 18.75pt;
height : 15.00pt;
}
span#e34 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 233.25pt;
top : 975.75pt;
width : 18.75pt;
height : 15.00pt;
}
span#e33 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 306.00pt;
top : 975.75pt;
width : 18.75pt;
height : 15.00pt;
}
span#e32 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 419.25pt;
top : 975.75pt;
width : 18.75pt;
height : 15.00pt;
}
span#e31 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 516.75pt;
top : 975.75pt;
width : 18.75pt;
height : 15.00pt;
}
div#e30 { /* Idle Widget */
position : absolute;
left : 153.00pt;
top : 978.75pt;
width : 63.75pt;
height : 18.00pt;
}
span#e29 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 141.75pt;
top : 995.25pt;
width : 18.75pt;
height : 15.00pt;
}
span#e28 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 141.75pt;
top :1017.75pt;
width : 18.75pt;
height : 15.00pt;
}
span#e27 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 141.75pt;
top :1043.25pt;
width : 18.75pt;
height : 15.00pt;
}
div#e26 { /* Keylock */
position : absolute;
left : 154.50pt;
top : 998.25pt;
width : 52.50pt;
height : 17.25pt;
}
div#e25 { /* Top Menu */
position : absolute;
left : 153.00pt;
top :1020.75pt;
width : 52.50pt;
height : 15.00pt;
}
div#e24 { /* Kp500 */
position : absolute;
left : 429.00pt;
top : 977.25pt;
width : 39.75pt;
height : 17.25pt;
}
div#e23 { /* Kp501 */
position : absolute;
left : 430.50pt;
top : 996.00pt;
width : 39.75pt;
height : 17.25pt;
}
span#e22 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 419.25pt;
top : 995.25pt;
width : 18.75pt;
height : 15.00pt;
}
div#e21 { /* Flash */
position : absolute;
left : 244.50pt;
top : 978.75pt;
width : 34.50pt;
height : 17.25pt;
}
span#e20 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 233.25pt;
top : 995.25pt;
width : 18.75pt;
height : 15.00pt;
}
div#e19 { /* Motion sensore */
position : absolute;
left : 244.50pt;
top :1020.00pt;
width : 92.25pt;
height : 32.25pt;
}
div#e18 { /* Utillitaires */
position : absolute;
left : 316.50pt;
top : 977.25pt;
width : 63.75pt;
height : 15.75pt;
}
span#e17 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 233.25pt;
top :1017.75pt;
width : 18.75pt;
height : 15.00pt;
}
div#e16 { /* .Jar */
position : absolute;
left : 244.50pt;
top : 999.00pt;
width : 34.50pt;
height : 17.25pt;
}
div#e15 { /* music player */
position : absolute;
left : 153.00pt;
top :1045.50pt;
width : 69.00pt;
height : 17.25pt;
}
span#e14 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 306.00pt;
top : 995.25pt;
width : 18.75pt;
height : 15.00pt;
}
div#e13 { /* Autres */
position : absolute;
left : 317.25pt;
top : 998.25pt;
width : 63.75pt;
height : 17.25pt;
}
span#e12 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 516.75pt;
top : 995.25pt;
width : 18.75pt;
height : 15.00pt;
}
span#e11 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 516.75pt;
top :1017.75pt;
width : 18.75pt;
height : 15.00pt;
}
div#e10 { /* Images */
position : absolute;
left : 525.75pt;
top : 977.25pt;
width : 45.00pt;
height : 17.25pt;
}
div#e9 { /* Vidéos */
position : absolute;
left : 525.75pt;
top : 997.50pt;
width : 45.00pt;
height : 17.25pt;
}
div#e8 { /* Sons */
position : absolute;
left : 525.75pt;
top :1018.50pt;
width : 45.00pt;
height : 17.25pt;
}
span#e7 { /* cookie001003.gif */
background : transparent url(cookie001003.gif) no-repeat top left;
position : absolute;
left : 419.25pt;
top :1017.75pt;
width : 18.75pt;
height : 15.00pt;
}
div#e6 { /* Autres */
position : absolute;
left : 430.50pt;
top :1019.25pt;
width : 39.00pt;
height : 17.25pt;
}
div#e5 { /* Le site est actuellement... */
position : absolute;
left : 0.00pt;
top : 701.25pt;
width : 745.50pt;
height : 38.25pt;
}
span#e4 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 134.25pt;
top :1278.75pt;
width : 22.50pt;
height : 22.50pt;
}
img#e3 { /* cookie001002.jpg */
position : absolute;
left : 159.00pt;
top :1284.75pt;
width : 57.00pt;
height : 18.00pt;
}
span#e2 { /* folder_big-31f16-1c62f20... */
background : transparent url(folder_big-31f16-1c62f20.gif) no-repeat top left;
position : absolute;
left : 225.75pt;
top :1278.75pt;
width : 22.50pt;
height : 22.50pt;
}
img#e1 { /* cookie001001.jpg */
position : absolute;
left : 249.75pt;
top :1284.75pt;
width : 57.00pt;
height : 20.25pt;
}
body#page { /* Page Body */
background-color: #ffffff;
background-image: url(cookie001b01.jpg);
}
/*--- EndOfFile ---*/Le site n'est pas encore finit mais je voudrait prendre un hebergeur payant hors le fais qu'il ne soit pas centrer fait que je le laisse sur un hebergeur gratuit!
Je voudrait avant tous que l'on m'explique et qu'on me montre comment faire.Merci et desolé pour les fautes d'orthographe.
Hors ligne
31-07-2010 09:11:31
- Mister $$$
#2 Re Aide pour centrer ce site creer avec web easy pro 7 du 01-08-2010 19:46:14
Re: Aide pour centrer ce site creer avec web easy pro 7
Bonjour maxituc,
Un fichier css est un fichier contenant tout le style du site. Le css permet donc la mise en forme (design du site) ainsi que la mise en forme de la police d'écriture et autres.
Dans votre cas, je n'ai pas pris le temps de regarder tout mais en règle général, il faut simplement appliquer à le class css qui contient votre site (conteneur) la style suivant :
Code:
margin:0px auto;
Par ailleurs, la partie ci-dessous est fausse :
Code:
<div id="conteneur>
#conteneur
{
width: 1024px;
margin: auto;
}Il manque une guillemet à l'id "conteneur" et le style css doit se trouver dans votre feuille de style.
En supposant que <div id="conteneur"> soit votre conteneur, le style css appliqué à celui-ci sera alors :
Code:
#conteneur
{
width: 1024px;
margin: 0px auto;
}Hors ligne
Propulsé par PunBB
© Copyright 2007
Forum créer un site
Partenaires de « créer un site internet »
