Votre question

Arrrgggg CSS -> Help

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
7 Novembre 2009 17:47:42

Bonjour,

J'ai tripatouillé le site de mon Club dont l'affichage est géré par un "P....n" de CCS et je n'arrive pas à trouver le paramètre à regler pour avoir un affichage correct :fou: 

Voici l'url de mon site: http://www.tennisbouliac.com/welcome/index.php

Et si vous regardez la page d'accueil avec IE et que vous réglez l'affichage à 50%, vous allez constater que le cadre principal est immense, mais je n'arrive pas à trouver comment le diminuer :pt1cable: 

Voici également le CSS qui apparemment contrôle l'affichage:

Citation :


/* Initialisation CSS */

html, body { /* OU * { MAIS CA PEUT ETRE ASSEZ PERTURBANT ;-) */
margin: 0;
padding: 0;
border: 0;
}


/* police par défaut de tout le site */

html, body {
background-color: #FFFFFF;
margin: 0;
padding: 0;
}
body {
font-size: 0.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
}


/* lien par défaut */

a {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: #FF8000;
background: #FFFFFF;
text-decoration: none;
}


/* liste par défaut */

ul {
list-style-type: square;
margin: 0;
padding-left: 0.5em;
}


/* titres par défaut */

h1 {
font-size: 1.6em;
}
h1, h1 a {
color: #006699;
font-weight: bold;
}
h2 {
font-size: 1em;
}
h2, h2 a {
color: #669900;
font-weight: bold;
}

h3 {
font-size: 1.2em;
}
h3, h3 a {
color: #990066;
font-weight: bold;
}
h1, h2, h3 {
margin: 0;
padding: 0.5em 0;
}


/* image par défaut */

img {
border: 0;
}


/* Agencement des pages */

#conteneur {
width: 96%;
margin: 2%;
background-color: #FFFFFF;
border: #000000 1px solid;
}

#header {
height: 170px;
background-color: #FFFFFF;
border: 0;
padding: 0.5em;
}

#banniere {
float: right;
width: 66%;
margin: 10px 0;
text-align: center;
font-size: 2em;
font-weight: bold;
}

#haut {
height: 3em;
background-color: #DFDFDF;
border: 0;
padding: 0;
}

#centre {
background-color: transparent;
margin-left: 11.2em; /* pour colonne gauche */
/* margin-right: 15%;
*/ /* pour colonne droite */
/*border-left: #000000 1px solid;*/
padding: 0.5em;
min-height: 400px;
}

* html #centre {
height: 400px; /* hack uniquement interprété par IE Win+Mac */
}

#gauche {
float: left;
width: 11.1em; /* largeur environ égale à marge gauche de #centre */
/*border-right: #000000 1px solid;*/
background-color: transparent;
padding-bottom: 0.5em;
}

#droite {
float: right;
width: 15%; /* largeur égale à marge droite de #centre */
background-color: #FFFFFF;
text-align: center;
line-height: 200px;
font-size: 1em;
}

#bas {
clear: both;
position:relative;
background-color: #DFDFDF;
border: 0;
padding: 0.5em;
text-align: center;
}
#bas ul {
display: inline;
border-right: 2px solid #000000;
}
#bas ul li {
border-left: 2px solid #000000;
display: inline;
padding-right: 0.6em;
padding-left: 1em;
}
#bas a {
color: #006699;
}
#bas a:hover {
color: #FF8000;
}

#conception {
display:inline;
position:absolute;
right:10px;
top:3px;
color:#006699;
font-size:0.7em;
}

#pied {
height: 0.5em;
background-color: #FF8000;
border: 0;
padding: 0.5em;
text-align: center;
margin-bottom:1px;
}
#pied a {
color: #FF8000;
font-weight: bold;
}


/* temp.html */

div.menugauchetitre {
clear: left;
width:11.15em;
color: #FFFFFF;
font-weight: bold;
background: #006699;
height: 1.5em;
margin-bottom: 1em;
padding-left: 0;
padding-top: 0.19em;
text-align: center;
}
div.menugauchetitre span {
font-size: 1.1em;
}

div.menugauchecontenu {
clear: left;
width:11.1em;
color: #000000;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 1em;
}
div.menugauchecontenu a {color: #006699; font-weight: normal;}
div.menugauchecontenu a:hover {color: #FF8000; background: #FFFFFF; font-weight: normal;}


/* pages.html */

#mentete {
width: 100%;
height: 1.6em;
background: #006699;
}
#entete {
float: left;
padding-top: 0.2em;
padding-left: 1em;
color: #FFFFFF;
font-weight: normal;
background: #006699;
}
#entete a {
color: #FFFFFF;
}
#entete a:hover {
color: #FF8000;
}

#entetepage {
float: right;
padding-top: 0.2em;
padding-right: 1em;
color: #FFFFFF;
font-weight: bold;
text-align: right;
background: #006699;
}
#entetepage a {color: #FFFFFF; font-weight: normal;}
#entetepage a:hover {color: #FF8000; font-weight: normal;}


/* page accueil */

#accueil {
width: 98%;
}

/*
#editoacc {
width: 98%;
padding: 0.5em;
}*/

#editoacc{
float:left;
width:68%;
padding:0.5em
}

/*
#rubriques1 {
width: 98%;
padding: 0.5em;
border-top: #000000 1px solid;
}
*/
#rubriques1 {
float:right;
width:23%;
BORDER:#003366 1px dotted;
padding:0.5em;
background:#EEE
}

#rubriques1 h1 {display: inline;}

#rubriques2 {
padding: 0.5em;
width: 98%;
border-top: #000000 1px solid;
}

#rubriques2 ul {list-style-type: none; margin: 0; padding-left: 0.5em;}
#rubriques2 a {color: #000000;}
#rubriques2 a:hover {color: #FF8000;}
#rubriques2 img {}




Si une ame charitable pouvait m'aider car je sent que je vais tout casser :sweat: 

Bien à vous,
Jcomprenrien

Autres pages sur : arrrgggg css help

8 Novembre 2009 22:32:07

Déjà un conseil reprend chaque ligne de ta feuille de style, tu utilises des %, des em, des px, tous pour t'embrouiller...
Tu peux bien sûr utiliser les 3, mais par exemple pour le paramètre "width" tu utilise des em, ensuite des %, tu peux pas t'en sortir...
m
0
l
8 Novembre 2009 23:47:09

Rien dans ton CSS ne dit que ton cadre principal fait une taille gigantesque. Regarde dans ton HTML si ca n'ai pas mis directement ou s'il n'y a pas du CSS interne.
m
0
l
Contenus similaires
9 Novembre 2009 00:14:31

C'est normal, tu peux faire le test avec Google et autre.

On parle du pourcentage sur l'affichage du site Internet. Donc, si tu as utilisé un valeur en terme de pourcentage pour la largeur de ton site, exemple :100%, lorsque tu changeras la valeur de l'affichage, il va prendre comme effet, une largeur de 100%.

Ps: Il faut arrêter d'utiliser Internet Explorer 8.
Ps2: Je ne vois pas trop pourquoi les gens s'emmerderaient à mettre l'affichage sur 50%.
m
0
l
9 Novembre 2009 21:57:21

LordOfKnight a dit :

Ps: Il faut arrêter d'utiliser Internet Explorer 8.


Ça va pas être facile ! lol

Perso pour moi c'est chrome, pas trouvé plus rapide, ni plus optimiser :sol: 
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS