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
 
dorsy
Plus d'informations
n°20738
28-04-2006 à 09:22:32

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


 
Merci d'avance :hello:


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

boub popsy team
G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations
n°20757
28-04-2006 à 13:39:46

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 !
dorsy
Plus d'informations
n°20765
28-04-2006 à 16:03:07

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???

marsien
Je me la pête
Profil : /!\ Docteur - PDG
Plus d'informations
n°20767
28-04-2006 à 16:12:07

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


---------------
.: La Pipicy Team :love: :.
Djizeus
Nobody f...s with da Djizeus!
Plus d'informations
n°21671
26-05-2006 à 16:23:16

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

KangOl
Profil : Pointeur
Plus d'informations
n°21674
26-05-2006 à 16:49:13

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
boub popsy team
G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations
n°21676
26-05-2006 à 17:09:30

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 !
KangOl
Profil : Pointeur
Plus d'informations
n°21677
26-05-2006 à 17:18:37

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
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 3.094 secondes
Annonces Google
Produits relatifs
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout
Dans les albums
Les ressources relatives
Les téléchargements