Bouton animé + XHTML strict .... C'est possible ?? (RESOLU !!)

Bouton animé + XHTML strict .... C'est possible ?? (RESOLU !!) - Programmation

Marsh Posté le 31-08-2002 à 10:00:35    

5Avez-vous un exemple quelque part sous la main ?? Pake là moi je sèche...  :ouch:


Message édité par LexTuhor le 01-09-2002 à 10:40:58
Reply

Marsh Posté le 31-08-2002 à 10:00:35   

Reply

Marsh Posté le 31-08-2002 à 10:51:00    

bouton animé = ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 31-08-2002 à 11:04:03    

Reply

Marsh Posté le 31-08-2002 à 11:08:48    

spabien les topics sur plusieurs forums :non:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 31-08-2002 à 11:30:36    

Ben si c bien, ya souvent plusieurs avis...  ;)  
 
De plus, chaque question enrichie aussi un forum quand il y a une recherche de faite sur ces forums. (J'ai commencé par là d'ailleurs sans succès).

Reply

Marsh Posté le 31-08-2002 à 13:03:17    

a.bouton:link {
  background-image:url(...); //pour une image
  width:Xpx;
  height:Ypx;
  background-color:.... //pour une couleur
  border... ect plein de propriétés
}
 
a.bouton:hover {
  background-image:url(...); //pour une image
  width:Xpx;
  height:Ypx;
  background-color:.... //pour une couleur
  border... ect plein de propriétés
}
 
a.bouton:visited {
  background-image:url(...); //pour une image
  width:Xpx;
  height:Ypx;
  background-color:.... //pour une couleur
  border... ect plein de propriétés
}
 
puis dans l'xhtml :
 
<a class="bouton"></a>

Reply

Marsh Posté le 31-08-2002 à 13:17:52    

faut aussi un truc genre display-type: block; ou un truc du genre, je sais plus quoi exactement mais on en a parlé dans un topic d'hier ou d'avant-hier.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 31-08-2002 à 13:18:06    

Merci bcp, je teste en ce moment même...  ;)

Reply

Marsh Posté le 31-08-2002 à 13:19:50    

antp a écrit a écrit :

faut aussi un truc genre display-type: block; ou un truc du genre, je sais plus quoi exactement mais on en a parlé dans un topic d'hier ou d'avant-hier.




Oki, je suis passé à côté du topic alors...
 
Parce qu'effectivement en l'état, ça fonctionne pas...
 
Je cherche le topic pour voir un peu ça... sinon, tu connais pas de site en xhtml strict avec des boutons animés compatibles opera hein ? toi non plus, c'est bien ça ?  :D

Reply

Marsh Posté le 31-08-2002 à 13:27:13    

Reply

Marsh Posté le 31-08-2002 à 13:27:13   

Reply

Marsh Posté le 31-08-2002 à 13:31:37    

Oué j'ai oublié le display:block, sinon tu pourra pas sizer l'image et t'auras rien si tu met pas de texte

Reply

Marsh Posté le 31-08-2002 à 13:37:27    

Ok, ça marche maintenant, mais c'est compatible uniquement mozilla et IE, pas compatible opera c'est normal ??


Message édité par LexTuhor le 31-08-2002 à 14:00:33
Reply

Marsh Posté le 31-08-2002 à 13:58:38    

Il faut donc faire des sites SANS bouton animés ??  :ouch:  Eh ben, c'est pas très cool ça... Ne me dites pas que c'est pas possible ...  :ouch:

Reply

Marsh Posté le 31-08-2002 à 14:04:27    

LexTuhor a écrit a écrit :

Il faut donc faire des sites SANS bouton animés ??


:jap: :jap: :jap:
 
de l'information, rien que de l'information - pas de saloperies autour.
 

Reply

Marsh Posté le 31-08-2002 à 14:08:42    

LexTuhor a écrit a écrit :

Ok, ça marche maintenant, mais c'est compatible uniquement mozilla et IE, pas compatible opera c'est normal ??



Pas du tout, efface.

Reply

Marsh Posté le 31-08-2002 à 14:09:22    

youdontcare a écrit a écrit :

:jap: :jap: :jap:
 
de l'information, rien que de l'information - pas de saloperies autour.



Bien dit ! Les CSS au bûcher ! :fou:

Reply

Marsh Posté le 31-08-2002 à 14:10:18    

Le but de séparer les css du contenu, c'est justement de pouvoir faire des jolies présentations graphiques SANS empêcher ceux qui ne peuvent pas voir ces présentations d'avoir accès au contenu (les aveugles par exemple)...
 
 :heink:

Reply

Marsh Posté le 31-08-2002 à 14:39:33    

:bounce:

Reply

Marsh Posté le 31-08-2002 à 15:40:59    

Donc, la conclusion : spa possible avec IE, mozilla et opera dernière version  :D  c'est bien ça ?

Reply

Marsh Posté le 31-08-2002 à 15:54:07    

opera il respect rien du tout des standard... de toute facon si tu veux explorer le web en etant sur de voir les sites comme tu devrais, il faut utiliser 5 browser en meme temps...
 
Moi je me passe de la compatibilité des browser qui respect pas w3c
 
W3C powaaaaa

Reply

Marsh Posté le 31-08-2002 à 16:01:21    

LexTuhor a écrit a écrit :

Donc, la conclusion : spa possible avec IE, mozilla et opera dernière version  :D  c'est bien ça ?



Ben c'est bizarre, normalement Opera reonnait bien ce genre de truc. Tu utilises quelle version ?
 
Montre ton code aussi.

Reply

Marsh Posté le 31-08-2002 à 16:07:08    

Voilà mon code :
 
<style type="text/css" media="screen">
 
.bouton  { background-image: url(gras.gif); height: 30px; width:30px; display: block }  
.bouton:hover { background-image: url(italic.gif); height: 30px; width:30px; display: block }  
 
</style>
   
   
</head>
 
 
PS : Attend, je le poste...
 
<body>
<a class="bouton" href="blabla.html"> </a>
<p />
</body>
 
Tout bête quoi...


Message édité par LexTuhor le 31-08-2002 à 16:07:29
Reply

Marsh Posté le 31-08-2002 à 16:10:33    

Reply

Marsh Posté le 31-08-2002 à 20:22:25    

Bon ben faut attendre Opera 7 pour que les images soit correctement affichées avec les :hover :/
 
Lien trouvé sur Google groups
 
 
Donc, si tu veux que les utilisateurs d'Opera voit parfaitement ton site tu seras obligé de passer par du JavaScript :/

Reply

Marsh Posté le 01-09-2002 à 00:40:29    

Mouhai ok très bien...  
 
Mais le problème :  
 
Quel javascript  ?? Etant donné que ceux que j'ai qui passent avec opera ne supporte pas la balise id à la place de la balise name...  :(

Reply

Marsh Posté le 01-09-2002 à 01:18:10    

C'est bon j'ai réussi...  
 
http://www.mao-france.com/testxhtml8.html
 
 
http://validator.w3.org/check?uri= [...] lly%29&ss=
 
W3C HXTML strict Compliant + Opera/Netscape/Mozilla/Ie 5.5/6 Compliant...
 
Aurevoir...  :D   :hello:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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