Fork me on GitHub






zarev
Diminuer puis centrer le site.
#1
Aspirant
Inscrit: 21/05/2005 08:47
Messages: 47
Bonjour à tous,

J'ai cherché dans les tutos de kris comment diminuer la longueur et après centrer le site.

Et je voudrais aussi fixer la largeur du site.

Tout ceci afin d'obtenir un espèce de carré qui serait la globalité du site.

Car quand je fais mon:

Citation :
/* tables and cells */
table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }
th {background-color: #639ACE; color: #fff; padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #ccc;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
th { background-color:#639ACE !important;}


En :

Citation :
/* tables and cells */
table {width: 80%;} <-----/!\
table td {padding: 0; border-width: 0; vertical-align: top; }
th {background-color: #639ACE; color: #fff; padding : 2px; vertical-align : middle;}
.outer {border: 1px solid #ccc;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}
th { background-color:#639ACE !important;}


Tout est à gauche. Mais pas centré. Je réussi bien à diminuer le site en longueur mais pas à centrer tout çà.

Pouvez vous m'aider?

J'ai bien suivi le tuto de kris mais sur son exemple ce n'est pas comme chez moi.

En gros je voudrais bien ce genre de présentation:

http://www.electrabel.be/homepage/index_FR.asp

Merci d'avance et bonne journée.

Zarev

PS: Mon thème est défaut simple.

Posté le : 22/03/2008 12:43
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Diminuer puis centrer le site.
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,
dans ta feuille de style (style.css) :
html {
    margin:    20px auto; 
    padding: 0; 
    width:     ???px !important;
    height: ???px !important;
    overflow: auto;
}


@++

Posté le : 22/03/2008 13:19

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
zarev
Re: Diminuer puis centrer le site.
#3
Aspirant
Inscrit: 21/05/2005 08:47
Messages: 47
Extra!

Merci Kris!

C'est génial.

Encore une petite chose

N'y a t-il pas moyen que la scroll bar soit pas tout à l'extérieur?

Car tout le site bouge.

L'idéal serait que seul le text à droite du menu bouge.

Si non ton code marche à merveille.

Sous IE çà donne pas pareil que sur Mozilla.
Décidement IE me fait bien ...

http://wow-hunt.nuxit.net/abel/

Posté le : 22/03/2008 13:30
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

68 Personne(s) en ligne (55 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 68 | Plus ...