FORUM Tom's Hardware » Programmation » PHP & MySQL & ASP » Probleme style css
 

Probleme style css

Overclocking & Tuning : fifi2191 et 98 utilisateurs inconnus
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Probleme style css
 
Plus d'informations

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:  

Code :
  1. /*=====================================================================================*/
  2. /* Style général   
  3. /*=====================================================================================*/
  4. body{  
  5. background-color:#000000;  
  6. font-family:Verdana, Arial, Helvetica, sans-serif;  
  7. font-size:11px;  
  8. color:#FFFFFF;  
  9. }  
  10. /*=====================================================================================*/
  11. /* Police générale   
  12. /*=====================================================================================*/
  13. font, th, td, p{  
  14. color : #FFFFFF;  
  15. font-family : Verdana, Arial, Helvetica, sans-serif;  
  16. font-size : 11px;  
  17. }  
  18. /*=====================================================================================*/
  19. /* Liens  
  20. /*=====================================================================================*/
  21. a:link, a:active, a:visited, a.postlink{  
  22. color: #33CC33;  
  23. text-decoration : none  
  24. }  
  25. a:hover, a.topictitle:hover{  
  26. color: #CCCCCC;  
  27. text-decoration: none  
  28. }  
  29. /*=====================================================================================*/
  30. /* Séparateur  
  31. /*=====================================================================================*/
  32. hr{  
  33. border: 0px solid #999999;  
  34. border-top-width:1px;height:0px;  
  35. }  
  36. /*=====================================================================================*/
  37. /* Quelque texte du forum  
  38. /*=====================================================================================*/
  39. .topictitle{  
  40. color:#CCCCCC;  
  41. font-weight:bold  
  42. }  
  43. .forumdate{  
  44. color: #999999  
  45. }  
  46. /*=====================================================================================*/
  47. /* Ligne de la bordure et de la couleur de fond autour de la page entière  
  48. /*=====================================================================================*/
  49. .bodyline{  
  50. background: #E7E7E7;  
  51. color:#000000;  
  52. border:1px solid #CCCCCC  
  53. }  
  54. /*=====================================================================================*/
  55. /* Contour des cellules  
  56. /*=====================================================================================*/
  57. .blocline{  
  58. background:#0F0F0F;  
  59. color:#FFFFFF;  
  60. border: 1px solid #0F0F0F  
  61. }  
  62. .blocline2{  
  63. background:#000000;  
  64. color:#FFFFFF;  
  65. border: 2px solid #000000  
  66. }  
  67. /*=====================================================================================*/
  68. /* Couleurs d'arrière-plan des blocs  
  69. /*=====================================================================================*/
  70. td.row1{  
  71. background: #404040;  
  72. color:#FFFFFF  
  73. }  
  74. td.row2{  
  75. background: #0F0F0F;  
  76. color:#FFFFFF  
  77. }  
  78. td.row3{  
  79. background: #333333;  
  80. color:#FFFFFF  
  81. }  
  82. td.row4{  
  83. background:#00FFFF;   
  84. color: #FFFFFF  
  85. }  
  86. /*=====================================================================================*/
  87. /* Blocs d'en-tête  
  88. /*=====================================================================================*/
  89. th    {  
  90. color: #CCCCCC;   
  91. font-size: 12px;   
  92. font-weight : bold;  
  93. background-color: #32475F;   
  94. height: 25px;  
  95. background-image: url('themes/mmfusion/images/menu.gif');       
  96. }  
  97. td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {  
  98. background-color:#CBE6F9;   
  99. border:#FFFFFF;   
  100. border-style:solid;   
  101. height:12px;  
  102. }  
  103. td.cat, td.catHead, td.catBottom {  
  104. height: 11px;  
  105. border-width: 0px 0px 0px 0px;  
  106. }  
  107. th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {  
  108. font-weight: bold;   
  109. border: #FFFFFF;   
  110. border-style: solid;   
  111. height: 12px;   
  112. }  
  113. td.row3Right, td.spaceRow {  
  114. background-color: #CBE6F9;   
  115. border: #FFFFFF;   
  116. border-style: solid;   
  117. }  
  118. th.thHead, td.catHead {   
  119. font-size: 12px;   
  120. border-width: 1px 1px 0px 1px;   
  121. }  
  122. th.thSides, td.catSides, td.spaceRow {   
  123. border-width: 0px 1px 0px 1px;   
  124. }  
  125. th.thRight, td.catRight, td.row3Right {   
  126. border-width: 0px 1px 0px 0px;   
  127. }  
  128. th.thLeft, td.catLeft {   
  129. border-width: 0px 0px 0px 1px;   
  130. }  
  131. th.thBottom, td.catBottom {   
  132. border-width: 0px 1px 1px 1px;   
  133. }  
  134. th.thTop {   
  135. border-width: 1px 0px 0px 0px;   
  136. }  
  137. th.thCornerL {   
  138. border-width: 1px 0px 0px 1px;   
  139. }  
  140. th.thCornerR {   
  141. border-width: 1px 1px 0px 0px;   
  142. }  
  143. /*=====================================================================================*/
  144. /* Le plus grand texte utilisé dans le titre de la page d'index et le titre des sujets  
  145. /*=====================================================================================*/
  146. .maintitle    {  
  147. font-weight: bold;   
  148. font-size: 11px;   
  149. font-family: Verdana, Arial, Helvetica, sans-serif;  
  150. text-decoration: none;   
  151. line-height : 120%;   
  152. color : #CCCCCC;  
  153. }  
  154. /*=====================================================================================*/
  155. /* Texte générale  
  156. /*=====================================================================================*/
  157. .titre {   
  158. color: #CCCCCC;   
  159. font-size: 11px;   
  160. font-weight : bold;   
  161. }  
  162. .sous_titre {   
  163. color: #CCCCCC;   
  164. font-size: 11px;   
  165. font-weight : bold;   
  166. }  
  167. .gen {   
  168. color:#CCCCCC;  
  169. font-size:11px   
  170. }  
  171. .gensmall {  
  172. color:#FFFFFF;  
  173. font-size:11px  
  174. }  
  175. .genmed {  
  176. color:#CCCCCC;  
  177. font-size:11px  
  178. }  
  179. a.gen, a.genmed, a.gensmall {  
  180. text-decoration: none;   
  181. }  
  182. a.gen:hover, a.genmed:hover, a.gensmall:hover    {   
  183. color: #32475F;   
  184. text-decoration: none;   
  185. }  
  186. a.til:hover    {   
  187. color: #CCCCCC;   
  188. text-decoration: none   
  189. }  
  190. a.til:link, a.til:active, a.til:visited {  
  191. color: #FF0000;   
  192. text-decoration: none  
  193. }  
  194. /*=====================================================================================*/
  195. /* Inscription, Login, Recherche, Liens etc... du haut de la page  
  196. /*=====================================================================================*/
  197. .mainmenu {   
  198. font-size : 11px;   
  199. color : #FFFFFF   
  200. }  
  201. a.mainmenu {   
  202. text-decoration: none;   
  203. color : #0000FF;   
  204. }  
  205. a.mainmenu:hover {   
  206. text-decoration: none;   
  207. color : #839FBC;   
  208. }  
  209. /*=====================================================================================*/
  210. /* Titres des catégories du forum  
  211. /*=====================================================================================*/
  212. .cattitle {   
  213. font-weight: bold;   
  214. font-size: 11px ;   
  215. letter-spacing: 1px;   
  216. color : #CCCCCC;  
  217. }  
  218. a.cattitle {   
  219. text-decoration: none;   
  220. color : #0000FF;   
  221. }  
  222. a.cattitle:hover {   
  223. text-decoration: none;   
  224. }  
  225. /*=====================================================================================*/
  226. /* Copyright et info bouton  
  227. /*=====================================================================================*/
  228. .copyright {   
  229. font-size: 10px;   
  230. font-family: Verdana, Arial, Helvetica, sans-serif;   
  231. color: #444444;   
  232. letter-spacing:normal  
  233. }  
  234. a.copyright    {   
  235. color: #444444;   
  236. text-decoration: none;  
  237. }  
  238. a.copyright:hover {   
  239. color: #FFFFFF;   
  240. text-decoration: none;  
  241. }  
  242. /*=====================================================================================*/
  243. /* Eléments du formulaire  
  244. /*=====================================================================================*/
  245. input, textarea, select {  
  246. color : #000000;  
  247. font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
  248. border-color : #CCCCCC;  
  249. }  
  250. /*=====================================================================================*/
  251. /* Couleur d'arrière-plan des champs d'entrée du texte   
  252. /*=====================================================================================*/
  253. input.post, textarea.post, select {  
  254. background-color : #FFFFFF;  
  255. }  
  256. input {   
  257. text-indent : 2px;   
  258. }  
  259. /*=====================================================================================*/
  260. /* Les boutons utilisés du BB-Code pour posté un message  
  261. /*=====================================================================================*/
  262. input.button {  
  263. background-color : #E7E7E7;  
  264. color : #CCCCCC;  
  265. font-size: 11px;   
  266. font-family: Verdana, Arial, Helvetica, sans-serif;  
  267. }  
  268. /*=====================================================================================*/
  269. /* Option du bouton Submit principal  
  270. /*=====================================================================================*/
  271. input.mainoption {  
  272. background-color : #FFFFFF;  
  273. font-weight : bold;  
  274. }  
  275. /*=====================================================================================*/
  276. /* Bouton Submit normal  
  277. /*=====================================================================================*/
  278. input.liteoption {  
  279. background-color : #FFFFFF;  
  280. font-weight : normal;  
  281. }  
  282. /*=====================================================================================*/
  283. /* Pour l'option [panneau] du bbcode  
  284. /*=====================================================================================*/
  285. .panneau {  
  286.     padding:4px;  
  287.     line-height: 11px;  
  288.     font-family: Verdana, Arial, Helvetica, sans-serif;  
  289.     background-color:#FFFFFF;  
  290.     color: #000000;  
  291.     font-size:11px;  
  292.     border: 1px solid #000000;  
  293. }  
  294. /*=====================================================================================*/
  295. /* Citations dans les bbcodes (
  296. Citation :  
  297. )  
  298. /*=====================================================================================*/
  299. .quote {  
  300.     padding: 4px;  
  301.     line-height: 11px;  
  302.     font-family:Verdana, Arial, Helvetica, sans-serif;  
  303.     color:#000000;  
  304.     font-size: 11px;  
  305.     border: 1px solid #000000;  
  306.     background-color : #FFFFFF;  
  307.     position: relative;  
  308.     left: -5px;  
  309. }  
  310. /*=====================================================================================*/
  311. /* Code PHP dans les bbcodes  
  312. /*=====================================================================================*/
  313. .code_php {  
  314.     padding:4px;  
  315.     line-height: 11px;  
  316.     font-family: "Courier New", Courier, mono;  
  317.     color:#000000;  
  318.     font-size:12px;  
  319.     border: 1px solid #000000;  
  320.       background-color : #FFFFFF;  
  321.       position: relative;  
  322.     left: -5px;  
  323. }


 
Merci d'avance :hello:


Message édité par dorsy le 28-04-2006 à 09:23:59

G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations

Tout tes font-size fixes en pixels ca empeches le redimensionnement du texte :o


---------------
SPAM & WAREZ = Ban!
Ultimate Boot CD | Memtest+
Mon bar préféré à Lyon ! | Bijoux Fantaisie de Créateur !
Plus d'informations

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 :pt1cable:  
 
Que doit je faire???

Je me la pête
Profil : /!\ Docteur - PDG
Plus d'informations

font-size: 1em; (ou 0.7em ou 1.2em, etc... selon ce que tu veux comme taille)


---------------
.: La Pipicy Team :love: :.
Nobody f...s with da Djizeus!
Plus d'informations

Tiens, je connaissais pas ça...  :??:  
 
Ca correspond a quelle unité "em"? Et 10px = 10em?
Bon a savoir  :D  
Merci Marsien  :jap:

Profil : Pointeur
Plus d'informations

non
 
1em = 100% = la hauteur de "x" a police normale


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations

La hauteur de "x" c'est pas "ex" justement ? :o
 
Em c'est la hauteur de la fonte de l'element;
 
-> http://www.htmlhelp.com/reference/css/units.html


---------------
SPAM & WAREZ = Ban!
Ultimate Boot CD | Memtest+
Mon bar préféré à Lyon ! | Bijoux Fantaisie de Créateur !
Profil : Pointeur
Plus d'informations

ha bha oui
 
désolé :jap:


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » PHP & MySQL & ASP » Probleme style css
 

Annonces Google
Publicité