Bouton animé + XHTML strict .... C'est possible ?? (RESOLU !!) - Programmation
Marsh Posté le 31-08-2002 à 10:51:00
ReplyMarsh Posté le 31-08-2002 à 11:04:03
ReplyMarsh Posté le 31-08-2002 à 11:08:48
spabien les topics sur plusieurs forums
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).
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>
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.
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 ?
Marsh Posté le 31-08-2002 à 13:27:13
http://forum.hardware.fr/forum2.php3?post=25291&cat=10
display: block;
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
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 ??
Marsh Posté le 31-08-2002 à 13:58:38
Il faut donc faire des sites SANS bouton animés ?? Eh ben, c'est pas très cool ça... Ne me dites pas que c'est pas possible ...
Marsh Posté le 31-08-2002 à 14:04:27
LexTuhor a écrit a écrit : Il faut donc faire des sites SANS bouton animés ?? |
de l'information, rien que de l'information - pas de saloperies autour.
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.
Marsh Posté le 31-08-2002 à 14:09:22
youdontcare a écrit a écrit : de l'information, rien que de l'information - pas de saloperies autour. |
Bien dit ! Les CSS au bûcher !
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)...
Marsh Posté le 31-08-2002 à 15:40:59
Donc, la conclusion : spa possible avec IE, mozilla et opera dernière version c'est bien ça ?
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
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 c'est bien ça ? |
Ben c'est bizarre, normalement Opera reonnait bien ce genre de truc. Tu utilises quelle version ?
Montre ton code aussi.
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...
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
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...
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...
Marsh Posté le 31-08-2002 à 10:00:35
5Avez-vous un exemple quelque part sous la main ?? Pake là moi je sèche...
Message édité par LexTuhor le 01-09-2002 à 10:40:58