probleme style.css ?

[Dorsy]

Et oui desole mais je viens encore vous em*****er avec mes problemes,

Voila mon probleme,

Le style css de mon site bloque le redimmensionnement du texte,

je ne voit pas les lignes qui empechent le redimmensionnement quand je poste en html!!

J'ai essayé de supprimer toutes les lignes de taille mais le probleme est le meme.

voici le style css:

/*===============================================================================
=====*/  
/* Style général   
/*===============================================================================
=====*/  
body{  
background-color:#000000;  
font-family:Verdana, Arial, Helvetica, sans-serif;  
font-size:11px;  
color:#FFFFFF;  
}  

/*===============================================================================
=====*/  
/* Police générale   
/*===============================================================================
=====*/  
font, th, td, p{  
color : #FFFFFF;  
font-family : Verdana, Arial, Helvetica, sans-serif;  
font-size : 11px;  
}  

/*===============================================================================
=====*/  
/* Liens  
/*===============================================================================
=====*/  
a:link, a:active, a:visited, a.postlink{  
color: #33CC33;  
text-decoration : none  
}  
a:hover, a.topictitle:hover{  
color: #CCCCCC;  
text-decoration: none  
}  

/*===============================================================================
=====*/  
/* Séparateur  
/*===============================================================================
=====*/  
hr{  
border: 0px solid #999999;  
border-top-width:1px;height:0px;  
}  

/*===============================================================================
=====*/  
/* Quelque texte du forum  
/*===============================================================================
=====*/  
.topictitle{  
color:#CCCCCC;  
font-weight:bold  
}  
.forumdate{  
color: #999999  
}  

/*===============================================================================
=====*/  
/* Ligne de la bordure et de la couleur de fond autour de la page entière  
/*===============================================================================
=====*/  
.bodyline{  
background: #E7E7E7;  
color:#000000;  
border:1px solid #CCCCCC  
}  

/*===============================================================================
=====*/  
/* Contour des cellules  
/*===============================================================================
=====*/  
.blocline{  
background:#0F0F0F;  
color:#FFFFFF;  
border: 1px solid #0F0F0F  
}  
.blocline2{  
background:#000000;  
color:#FFFFFF;  
border: 2px solid #000000  
}  

/*===============================================================================
=====*/  
/* Couleurs d'arrière-plan des blocs  
/*===============================================================================
=====*/  
td.row1{  
background: #404040;  
color:#FFFFFF  
}  
td.row2{  
background: #0F0F0F;  
color:#FFFFFF  
}  
td.row3{  
background: #333333;  
color:#FFFFFF  
}  
td.row4{  
background:#00FFFF;   
color: #FFFFFF  
}  

/*===============================================================================
=====*/  
/* Blocs d'en-tête  
/*===============================================================================
=====*/  
th    {  
color: #CCCCCC;   
font-size: 12px;   
font-weight : bold;  
background-color: #32475F;   
height: 25px;  
background-image: url('themes/mmfusion/images/menu.gif');        
}  
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {  
background-color:#CBE6F9;   
border:#FFFFFF;   
border-style:solid;   
height:12px;  
}  
td.cat, td.catHead, td.catBottom {  
height: 11px;  
border-width: 0px 0px 0px 0px;  
}  
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {  
font-weight: bold;   
border: #FFFFFF;   
border-style: solid;   
height: 12px;   
}  
td.row3Right, td.spaceRow {  
background-color: #CBE6F9;   
border: #FFFFFF;   
border-style: solid;   
}  
th.thHead, td.catHead {   
font-size: 12px;   
border-width: 1px 1px 0px 1px;   
}  
th.thSides, td.catSides, td.spaceRow {   
border-width: 0px 1px 0px 1px;   
}  
th.thRight, td.catRight, td.row3Right {   
border-width: 0px 1px 0px 0px;   
}  
th.thLeft, td.catLeft {   
border-width: 0px 0px 0px 1px;   
}  
th.thBottom, td.catBottom {   
border-width: 0px 1px 1px 1px;   
}  
th.thTop {   
border-width: 1px 0px 0px 0px;   
}  
th.thCornerL {   
border-width: 1px 0px 0px 1px;   
}  
th.thCornerR {   
border-width: 1px 1px 0px 0px;   
}  

/*===============================================================================
=====*/  
/* Le plus grand texte utilisé dans le titre de la page d'index et le titre des sujets  
/*===============================================================================
=====*/  
.maintitle    {  
font-weight: bold;   
font-size: 11px;   
font-family: Verdana, Arial, Helvetica, sans-serif;  
text-decoration: none;   
line-height : 120%;   
color : #CCCCCC;  
}  

/*===============================================================================
=====*/  
/* Texte générale  
/*===============================================================================
=====*/  
.titre {   
color: #CCCCCC;   
font-size: 11px;   
font-weight : bold;   
}  
.sous_titre {   
color: #CCCCCC;   
font-size: 11px;   
font-weight : bold;   
}  
.gen {   
color:#CCCCCC;  
font-size:11px   
}  
.gensmall {  
color:#FFFFFF;  
font-size:11px  
}  
.genmed {  
color:#CCCCCC;  
font-size:11px  
}  
a.gen, a.genmed, a.gensmall {  
text-decoration: none;   
}  
a.gen:hover, a.genmed:hover, a.gensmall:hover    {   
color: #32475F;   
text-decoration: none;   
}  
a.til:hover    {   
color: #CCCCCC;   
text-decoration: none   
}  
a.til:link, a.til:active, a.til:visited {  
color: #FF0000;   
text-decoration: none  
}  

/*===============================================================================
=====*/  
/* Inscription, Login, Recherche, Liens etc... du haut de la page  
/*===============================================================================
=====*/  
.mainmenu {   
font-size : 11px;   
color : #FFFFFF   
}  
a.mainmenu {   
text-decoration: none;   
color : #0000FF;    
}  
a.mainmenu:hover {   
text-decoration: none;   
color : #839FBC;   
}  

/*===============================================================================
=====*/  
/* Titres des catégories du forum  
/*===============================================================================
=====*/  
.cattitle {   
font-weight: bold;   
font-size: 11px;   
letter-spacing: 1px;   
color : #CCCCCC;  
}  
a.cattitle {   
text-decoration: none;   
color : #0000FF;   
}  
a.cattitle:hover {   
text-decoration: none;   
}  

/*===============================================================================
=====*/  
/* Copyright et info bouton  
/*===============================================================================
=====*/  
.copyright {   
font-size: 10px;   
font-family: Verdana, Arial, Helvetica, sans-serif;   
color: #444444;   
letter-spacing:normal  
}  
a.copyright    {   
color: #444444;   
text-decoration: none;  
}  
a.copyright:hover {   
color: #FFFFFF;   
text-decoration: none;  
}  

/*===============================================================================
=====*/  
/* Eléments du formulaire  
/*===============================================================================
=====*/  
input, textarea, select {  
color : #000000;  
font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
border-color : #CCCCCC;  
}  

/*===============================================================================
=====*/  
/* Couleur d'arrière-plan des champs d'entrée du texte   
/*===============================================================================
=====*/  
input.post, textarea.post, select {  
background-color : #FFFFFF;  
}  
input {   
text-indent : 2px;   
}  

/*===============================================================================
=====*/  
/* Les boutons utilisés du BB-Code pour posté un message  
/*===============================================================================
=====*/  
input.button {  
background-color : #E7E7E7;  
color : #CCCCCC;  
font-size: 11px;   
font-family: Verdana, Arial, Helvetica, sans-serif;  
}  

/*===============================================================================
=====*/  
/* Option du bouton Submit principal  
/*===============================================================================
=====*/  
input.mainoption {  
background-color : #FFFFFF;  
font-weight : bold;  
}  

/*===============================================================================
=====*/  
/* Bouton Submit normal  
/*===============================================================================
=====*/  
input.liteoption {  
background-color : #FFFFFF;  
font-weight : normal;  
}  

/*===============================================================================
=====*/  
/* Pour l'option [panneau] du bbcode  
/*===============================================================================
=====*/  
.panneau {  
    padding:4px;  
    line-height: 11px;  
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    background-color:#FFFFFF;  
    color: #000000;  
    font-size:11px;  
    border: 1px solid #000000;  
}  

/*===============================================================================
=====*/  
/* Citations dans les bbcodes ( 
Citation :  

)  
/*===============================================================================
=====*/  
.quote {  
    padding: 4px;  
    line-height: 11px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    color:#000000;  
    font-size: 11px;  
    border: 1px solid #000000;  
    background-color : #FFFFFF;  
    position: relative;  
    left: -5px;  
}  

/*===============================================================================
=====*/  
/* Code PHP dans les bbcodes  
/*===============================================================================
=====*/  
.code_php {  
    padding:4px;  
    line-height: 11px;  
    font-family: "Courier New", Courier, mono;  
    color:#000000;  
    font-size:12px;  
    border: 1px solid #000000;  
      background-color : #FFFFFF;  
      position: relative;  
    left: -5px;  
}

Merci d'avance

Edit modérateur : la balise CODEBOX est plus appropriée en cas de code un peu long (euphémisme)

[Sarc]

Bonjour,

On ne peut pas avoir une URL plutôt que le code ? Le code ne m'avance pas beaucoup pour te trouver où pourrait être le problème, je pense que la page en entier m'aiderait plus

[TheRec]

Bonjour,

pour permettre le redimensionnement des texte tu dois définir les taille avec une unité relative, donc CSS met à ta disposition les unités relatives suivante : em, % (pourcent), [ larger | smaller ]

Chapitre 5.2.6 'font-size' de "Cascading Style Sheets, level 2 revision 1"

Cela dit je n'ai vu que IE empêcher le redimensionnement, les autres navigateurs soit le permettent même en "px", soit utilisent une autre méthode dite "zoom" (Opera par exemple).

D'après le W3C Quality Assurance :

Use relative length units such as percent or (better) em, or, even better, set a base font-size for the document and use absolute size ([ xx-small | x-small | small | medium | large | x-large | xx-large ]) or relative size ([ larger | smaller ]) when defining the font size for a particular element within the document.

[Dorsy]

merci de votre aide mais je ne vois vraiment pas,

Ba j'ai essayé de remplacer les font-size:11px;

par font size = "3";

par font-size: 12pt;

par font-size:12;

Mais rien n'y fait

Que doit je faire???

[captain_torche]

Et en les remplaçant par une valeur en 'em' ?

[MarvinLeRouge]

Salut,

1) font-size = "3", c'est faux : on écrit sous la forme propriété: valeur;

2) font-size: 12pt, c'est pour l'impression : les unités pt sont faites pour l'impression papier.

3) font-size: 12, c'est faux. 12 quoi ? Il faut toujours (ou presque) préciser une unité derrière une valeur numérique en css.

4) Essaie par exemple de remplacer 12px par .75em, et joue sur le changement de taille de police. 1em signifie "la taille de police utilisée actuellement, au point du document où je fais appel à cette règle".