Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1496 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°277849
joce
Architecte / Développeur principal
"BugHunter"
Posté le 31-12-2002 à 16:19:10  profilanswer
 

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
 

mood
Publicité
Posté le 31-12-2002 à 16:19:10  profilanswer
 

n°277856
Kristoph
Posté le 31-12-2002 à 16:32:26  profilanswer
 

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 :)

n°277859
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:33:53  profilanswer
 

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
n°277862
Kristoph
Posté le 31-12-2002 à 16:37:28  profilanswer
 

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
n°277865
gm_superst​ar
Appelez-moi Super
Posté le 31-12-2002 à 16:40:26  profilanswer
 

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
n°277866
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:40:29  profilanswer
 

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 :/

n°277867
Kristoph
Posté le 31-12-2002 à 16:41:56  profilanswer
 

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
n°277868
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:42:58  profilanswer
 

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 ! :))

n°277870
gm_superst​ar
Appelez-moi Super
Posté le 31-12-2002 à 16:45:19  profilanswer
 

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
n°277871
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:46:59  profilanswer
 

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

mood
Publicité
Posté le 31-12-2002 à 16:46:59  profilanswer
 

n°277872
gm_superst​ar
Appelez-moi Super
Posté le 31-12-2002 à 16:48:04  profilanswer
 

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
n°277873
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:49:23  profilanswer
 

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

n°277876
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 16:53:43  profilanswer
 

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
n°277879
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 17:02:54  profilanswer
 

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

n°277880
gm_superst​ar
Appelez-moi Super
Posté le 31-12-2002 à 17:04:42  profilanswer
 

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
n°277882
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 17:07:35  profilanswer
 

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
n°277889
gm_superst​ar
Appelez-moi Super
Posté le 31-12-2002 à 17:24:49  profilanswer
 

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
n°277891
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 17:27:27  profilanswer
 

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

n°277897
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 17:40:24  profilanswer
 

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

n°277901
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 31-12-2002 à 17:47:17  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Passage par adresse et par valeurCSS et décalage de couleur
Remplacement CSS 1/2 de cellspacing ?[PHP et SQL] passage de variable en parametre
[CSS] OnMouseOver -> cellule qui change de couleur? possibel?Menu en CSS = Galère
comportement ie6/moz padding margin sur un div ????[CSS]Changement de couleur des liens on rollover ?
svp passage de parametres procedures stockéesQuestion sur les CSS
Plus de sujets relatifs à : passage de alink, vlink, link en CSS => pas le meme comportement :/

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.113 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR