passage de alink, vlink, link en CSS => pas le meme comportement :/

passage de alink, vlink, link en CSS => pas le meme comportement :/ - HTML/CSS - Programmation

Marsh Posté le 31-12-2002 à 16:19:10    

pour le forum sur forum1.php3 on a :
 
<body style="background-color: #E2E0DB; color: #000000" link="#000080" vlink="#2f2f4f" alink="#800000">
 
J'aimerais le passer en CSS, donc :
 
a.text3:link {
  color: #000080
}
 
a.text3:visited {
  color: #2f2f4f
}
 
a.text3:active {
  color: #800000
}
 
(text3 c'est le style pour les links des titres des topics)
 
=> probleme, ca fait pas du tout la même chose :/
 
Question : pourquoi ? :D
 
exemple :
 
avant :
 
http://forum.hardware.fr/forum1.php3?cat=7
 
après :
 
http://forum.hardware.fr/forumtest/forum1.php3?cat=7
 

Reply

Marsh Posté le 31-12-2002 à 16:19:10   

Reply

Marsh Posté le 31-12-2002 à 16:32:26    

Ca a peut-etre un rapport avec le fait que quand je regarde le code source de la page ou du fichier CSS, je ne trouve pas le code que tu mentionnes :)

Reply

Marsh Posté le 31-12-2002 à 16:33:53    

Kristoph a écrit :

Ca a peut-etre un rapport avec le fait que quand je regarde le code source de la page ou du fichier CSS, je ne trouve pas le code que tu mentionnes :)


le code est dans style1.css


Message édité par joce le 31-12-2002 à 16:37:01
Reply

Marsh Posté le 31-12-2002 à 16:37:28    

Definitivement, je le vois pas !
 

Code :
  1. form {
  2. margin: 0px;
  3. }
  5. th {
  6. text-align: center
  7. }
  9. img {
  10. border: 0px;
  11. }
  13. .code
  14. {
  15.   border-top: 1px solid #000000;
  16.   border-bottom: 1px solid #000000;
  17.   border-left: 1px solid #000000;
  18.   border-right: 1px solid #000000;
  19.   background-color: #FFFFFF;
  20. }
  22. .citation
  23. {
  24.   border-top: 1px solid #000000;
  25.   border-bottom: 1px solid #000000;
  26.   border-left: 1px solid #000000;
  27.   border-right: 1px solid #000000;
  28. }
  31. .background1
  32. {
  33.   margin-left: auto;
  34.   margin-right: auto;
  35.   text-align: center;
  36. }
  38. .td80
  39. {
  40.   width: 80%
  41. }
  43. .td60
  44. {
  45.   width: 60%
  46. }
  48. .td10
  49. {
  50.   width: 10%
  51. }
  53. .left
  54. {
  55.   text-align: left;
  56. }
  58. .right
  59. {
  60.   text-align: right;
  61. }
  63. .center
  64. {
  65.   margin-left: auto;
  66.   margin-right: auto;
  67.   text-align: center;
  68. }
  70. .couleurOnline
  71. {
  72.   margin-left: auto;
  73.   margin-right: auto;
  74.   text-align: center;
  75. }
  77. img
  78. {
  79.   border: 0
  80. }
  82. .bgcolor
  83. {
  84.   text-align: center
  85. }
  87. .bgcolor1
  88. {
  89.   text-align: center;
  90. }
  92. .bgcolor2
  93. {
  94.   text-align: center;
  95. }
  97. .align
  98. {
  99.   text-align: center
  100. }
  102. .titre
  103. {
  104. font-family: Verdana, Helvetica, Arial, Sans-serif;
  105. text-decoration: none;
  106. }
  108. a.titre:hover
  109. {
  110. text-decoration: underline
  111. }
  113. .codetext
  114. {
  115.   font-family: Courier New, Courier, mono;
  116.   color: #000000;
  117. }
  119. .size2a
  120. {
  121.   font-family: Arial, Helvetica;
  122.   font-size: 2
  123. }
  126. .cit
  127. {
  128.   font-family: Verdana, Helvetica, Arial, Sans-serif;
  129. }
  131. .citpseudo
  132. {
  133.   font-size: smaller;
  134.   font-family: Verdana, Helvetica, Arial, Sans-serif;
  135. }
  138. .titre1
  139. {
  140. font-family: Verdana, Helvetica, Arial, Sans-serif;
  141. text-decoration: none;
  142. }
  144. a.titre1:hover
  145. {
  146. text-decoration: underline
  147. }
  149. .titre2
  150. {
  151. font-size: smaller;
  152. font-family: Verdana, Helvetica, Arial, Sans-serif;
  153. text-decoration: none;
  154. }
  156. a.titre2:hover
  157. {
  158. text-decoration: underline
  159. }
  161. .titre3
  162. {
  163. font-size: small;
  164. font-family: Verdana, Helvetica, Arial, Sans-serif;
  165. text-decoration: none;
  166. }
  168. .titremodo
  169. {
  170. font-family: Verdana, Helvetica, Arial, Sans-serif;
  171. text-decoration: none;
  172. }
  174. a.titremodo:hover
  175. {
  176. text-decoration: underline
  177. }
  179. .newMessage
  180. {
  181. font-family: Verdana, Helvetica, Arial, Sans-serif;
  182. text-decoration: none;
  183. }
  185. a.newMessage:hover
  186. {
  187. text-decoration: underline
  188. }
  191. .textOnline
  192. {
  193. font-family: Verdana, Helvetica, Arial, Sans-serif;
  194. text-decoration: none;
  195. text-align: center
  196. }
  198. a.textOnline:hover
  199. {
  200. text-decoration: underline
  201. }
  203. .lien1
  204. {
  205.   text-decoration: none
  206. }
  208. a.lien1:hover
  209. {
  210.   text-decoration: underline
  211. }
  213. .lien
  214. {
  215. font-family: Verdana, Helvetica, Arial, Sans-serif;
  216. text-decoration: none;
  217. color: #000066;
  218. }
  220. a.lien:hover
  221. {
  222. text-decoration: underline
  223. }
  225. .textHeader
  226. {
  227. font-family: Verdana, Helvetica, Arial, Sans-serif;
  228. text-decoration: none;
  229. }
  231. a.textHeader:hover
  232. {
  233. text-decoration: underline
  234. }
  236. .textHeaderSubcat
  237. {
  238. font-family: Verdana, Helvetica, Arial, Sans-serif;
  239. text-decoration: none;
  240. }
  242. a.textHeaderSubcat:hover
  243. {
  244. text-decoration: underline
  245. }
  247. .copyright
  248. {
  249. font-family: Verdana, Helvetica, Arial, Sans-serif;
  250. text-decoration: none;
  251. text-align: center;
  252. }
  254. a.copyright:hover
  255. {
  256. text-decoration: underline
  257. }
  259. .text3
  260. {
  261. font-size: smaller;
  262. font-family: Verdana, Helvetica, Arial, Sans-serif;
  263. text-decoration: none;
  264. }
  266. a.text3:hover
  267. {
  268. text-decoration: underline
  269. }
  271. .text31
  272. {
  273. text-decoration: none;
  274. }
  276. a.text31:hover
  277. {
  278. text-decoration: underline
  279. }
  281. .text1big
  282. {
  283. font-size: smaller;
  284. font-family: Verdana, Helvetica, Arial, Sans-serif;
  285. text-decoration: none;
  286. }
  288. a.text1big:hover
  289. {
  290. text-decoration: underline
  291. }
  293. .text1small
  294. {
  295. font-family: Verdana, Helvetica, Arial, Sans-serif;
  296. text-decoration: none;
  297. }
  299. a.text1small:hover
  300. {
  301. text-decoration: underline
  302. }
  304. .text2big
  305. {
  306.   font-family: Verdana, Helvetica, Arial, Sans-serif;
  307.   text-decoration: none;
  308. }
  310. .text2bigcit
  311. {
  312.   font-size: smaller;
  313.   font-family: Courier New, Courier, mono;
  314.   text-decoration: none;
  315. }
  317. a.text2big:hover
  318. {
  319.   text-decoration: underline;
  320. }
  322. .text2small
  323. {
  324.   font-family: Verdana, Helvetica, Arial, Sans-serif;
  325.   text-decoration: none;
  326. }
  328. a.text2small:hover
  329. {
  330.   text-decoration: underline;
  331. }


 
Probleme de cache peut-etre ? Mozilla a toujours ete très capricieux avec les changements de fichiers .css :)


Message édité par Kristoph le 31-12-2002 à 16:38:34
Reply

Marsh Posté le 31-12-2002 à 16:40:26    

Non, il n'y est pas...
 
Edit: ok vu pour style1. Et ça a l'air de marcher :D


Message édité par gm_superstar le 31-12-2002 à 16:42:14

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-12-2002 à 16:40:29    

style1.css j'ai modifié.
Pour voir mon faut prendre par exemple les couleurs persos de potemkin et comparer les deux liens (avec les couleurs par defaut le problème n'est pas présent car aucun style n'est assigné au style text3).
Apparement le hic c'est que le style a.text3:link overide la couleur par defaut du style text3 :/

Reply

Marsh Posté le 31-12-2002 à 16:41:56    

Ca marche plus ou moins maintenant, mais j'ai ca a faire remarquer maintenant :
 
[citation]
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
 
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
[/citation]
 
http://www.w3schools.com/css/css_pseudo_classes.asp


Message édité par Kristoph le 31-12-2002 à 16:42:10
Reply

Marsh Posté le 31-12-2002 à 16:42:58    

Kristoph a écrit :

Ca marche plus ou moins maintenant, mais j'ai ca a faire remarquer maintenant :
 
 
 
http://www.w3schools.com/css/css_pseudo_classes.asp


ah ca c'est interessant à savoir ! :))

Reply

Marsh Posté le 31-12-2002 à 16:45:19    

Note pour plus tard : beaucoup de personnes semblent vouloir utiliser [citation] [/citation] sans les balises [nom] [/nom] obligatoires... :D


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-12-2002 à 16:46:59    

gm_superstar a écrit :

Note pour plus tard : beaucoup de personnes semblent vouloir utiliser  sans les balises [nom] [/nom] obligatoires... :D

c'est la balise quote qu'il faut utiliser pour ca

Reply

Marsh Posté le 31-12-2002 à 16:46:59   

Reply

Marsh Posté le 31-12-2002 à 16:48:04    

Bah oui... mais ce n'a pas l'air évident pour tout le monde...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-12-2002 à 16:49:23    

Kristoph a écrit :

Ca marche plus ou moins maintenant, mais j'ai ca a faire remarquer maintenant :
 
 
 
http://www.w3schools.com/css/css_pseudo_classes.asp


j'ai passé le a:link a:visited et a:active AVANT toutes les autres déclarations et ca change rien (c'est pas une question de a:hover ceci dit, mais de <a href="" class="pouet">p</a>
avec dans pouet :
 
.pouet {
  color: #000000;
}
 
par exemple => les a:link / a:visited / a:active prennent le dessus sur le color du style pouet

Reply

Marsh Posté le 31-12-2002 à 16:53:43    

bon finalement j'ai reussi à feinter en dégagant les a:link etc quand le color de text3 est déclaré


Message édité par joce le 31-12-2002 à 16:53:56
Reply

Marsh Posté le 31-12-2002 à 17:02:54    

Bon voila, j'ai passé forum1.php3 en XHTML 1.1 reste une seule erreur que j'avais déjà avant et qui me fait gravement chier :D

Reply

Marsh Posté le 31-12-2002 à 17:04:42    

Les couleurs des liens ça va pas du tout avec Mozilla. Et la hauteur des lignes est trop importante...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-12-2002 à 17:07:35    

gm_superstar a écrit :

Les couleurs des liens ça va pas du tout avec Mozilla. Et la hauteur des lignes est trop importante...

pour la couleur des liens sous Moz je viens de rectifier.
Pour la hauteur des lignes c'est quel param à modifier ? (d'ailleurs c'est bizarre que le fait de passer en XHTML 1.1 change la hauteur des cases :??:)


Message édité par joce le 31-12-2002 à 17:11:07
Reply

Marsh Posté le 31-12-2002 à 17:24:49    

OK pour les couleurs.
 
Pour la hauteur des lignes je vois pas trop... Tout ça est assez confu :whistle: En tout cas ça ne le fait que lorsqu'on active la mise en cache. Essaye de regarder autour du padding des cellules, ou de la hauteur de ligne pour le texte (je suspecte la dernière colonne qui est sur 2 lignes)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-12-2002 à 17:27:27    

ok je me loggue avec le canard de joce pour voir :D

Reply

Marsh Posté le 31-12-2002 à 17:40:24    

humm effectivement c'est très zarbe
quand je serais chez moi je reprendrais aussi cache.js qui est actuellement loin d'être XHTML 1.1 compliant

Reply

Marsh Posté le 31-12-2002 à 17:47:17    

bon j'ai désactivé le cache XHTML en attendant, et maintenant la page est fully XHTML 1.1 compliant :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed