begin process at 2012 05 29 00:59:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Bouton en style CSS qui ne fonctionne pas sous ie

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Bouton en style CSS qui ne fonctionne pas sous ie

vendredi 17 mars 2006 à 14:22:51 | Bouton en style CSS qui ne fonctionne pas sous ie

zemele
Bonjour,

Voilà j'ai fait un bouton qui fait appel à un style :

Code css :
a.bouton {
    color: #333333;
    text-decoration: underline;
    font-family: Arial;
    font-size: 12px;
    display: block;
    border: 1px solid #CCCCCC;
    width: 180px;
    cursor: hand;
    line-height: 20px;
    top: 50%;
    text-align: left;
    vertical-align: middle;
    padding: 1px;

}
a.bouton:hover {
    background-color: #C8E701;
    display: block;
    text-decoration: none;

}


Code Html   :
<a class='bouton' href='".$Lien."'>
  <table width='100%' border='0' cellpadding='0' cellspacing='2'>
    <tr>
      <td align='center' width='22'><img class='CadreImgBouton' src='../IMG/puces/".$Puce."' width='22' height='22'></td>
      <td align='left' class='Texte01'>&nbsp;".$Nom."</td>
     </tr>
  </table>
</a>

Ca fonctionne bien sous mozilla mais pas du tout sous ie...
Quelqu'un peut il m'aider ?
mardi 21 mars 2006 à 08:18:48 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

PetoleTeam

Membre Club


Bonjour...


C'est quoi t'est ce qui marche pas ???????????
...le changement de style  est pris en compte par iE et FF, sauf cursor:hand pour FF...

;o)
mardi 21 mars 2006 à 08:34:41 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

zemele
Ben oui, c'est ce que je pensais... Mais le fait de faire passer ma balise <a> sur tout un tableau, apparement ça ne passe pas sous ie...
mardi 21 mars 2006 à 08:46:03 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

PetoleTeam

Membre Club
Au vu de ce que je posséde comme source cela fonctionne très bien sous iE...
peut être que la class='Texte01' annule l'effet...

;0)
mardi 21 mars 2006 à 08:51:55 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

zemele
Ca fonctionne chez toi ???

Texte01 n'est qu'une mise en forme du texte...

En fait l'effet fonctionne, j'ai bien mon changement d'état par le roll over, mais c'est le lien qui ne fonctionne pas... Sous mozilla, le lien s'opère correctement, mais sous IE non. C'est d'autant plus curieux qu'en passant la souris sur le bouton, le lien s'affiche bien dans le bas du navigateur, mais au clique rien ne se passe...

T'as pas une idée par hazard ?....
mardi 21 mars 2006 à 08:53:22 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

bultez

Membre Club


Bonjour,
Petoleteam a bien entendu raison, ce qui est donné là fonctionne avec IE.
ma question : pourquoi <table..> ?

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<style type="text/css">
a {
    color: #333333;
    text-decoration: underline;
    font-family: Arial;
    font-size: 12px;
    display: block;
    border: 1px solid #CCCCCC;
    width: 180px;
    cursor: pointer; /* fonctionne avec Ie, FF ... */
    line-height: 20px;
    top: 50%;
    text-align: left;
}
a:hover {
    background-color: #C8E701;
    display: block;
    text-decoration: none;
}

</style>
<body>
Code Html   :
<a href='exemple'><img class='CadreImgBouton' style="border:0" src='exemple' width='22' height='22'>&nbsp;exemple</a>
</BODY>
</HTML>


Cordialement. Bul. ~ Mon Site qu'il est à Moi ~
mardi 21 mars 2006 à 09:05:53 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

zemele
Et bien sûrement mal m'y prendre...

Effectivement quand on test un bouton seul, ça va. Mais dans mon cas, j'ai une série de bouton, et la ça fonctionne pas...

J'utilise un tableau, pour la mise en forme soit plus propre, image et texte bien centré l'un par rapport à l'autre, et j'ai le même problème avec un autre bouton où l'image et le texte sont l'un au dessus de l'autre.

En fait c'est vraiment le lien qui ne fonctionne pas. Tout le reste va bien...

J'ai également qq fois des bugs sur l'affichage aussi (mozilla comme IE) : L'effet, ne s'applique plus à certains moment, une actualisation de la page, et la ça revient.

Je suis sûre que je dois mal m'y prendre, mais je ne vois pas où...

Quelqu'un à une idée ? Peut être que pour arriver au même resultat il existe une autre méthode ?...
mardi 21 mars 2006 à 09:09:06 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

bultez

Membre Club

ah!!! des réponses qui ont croisé la mienne...
>>mais c'est le lien qui ne fonctionne pas
curieux si ça fonctionne avec FF !
on peut voir le html/javascript généré ?
car qui a-t-il dans $lien,$puce,$nom... on ne sait pas nous.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~
mardi 21 mars 2006 à 09:17:31 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

PetoleTeam

Membre Club

On peut contourner le problème de la sorte...

<a class='bouton' href="page.htm" >
  <table width='100%' border='0' cellpadding='0' cellspacing='0' onclick = "location.href = 'page.htm';">

...ça marche mais c'est pas très propre...BEURK !

je pense qu'il y a problème de hierarchisation différente entre les 2 navigateurs...

;0)
mardi 21 mars 2006 à 09:32:25 | Re : Bouton en style CSS qui ne fonctionne pas sous ie

zemele
Le problème, c'est que c'est des pages php, pas évident d'isoler le code, j'ai donc mis la partie concernée sur mon serveur :

http://www.kalio.fr/test.html

J'ai testé, et le problème est toujours là : Sous Mozilla, le lien s'opère, mais sous ie, le lien ne s'opère pas...

Merci de votre aide...

1 2

Cette discussion est classée dans : bouton, style, ie, fonctionne, css

Répondre à ce message

Sujets en rapport avec ce message

Feuille de style [ par crazycode ] bonjour à tous !!J'ai un probleme avec mes CSS.j'ai fais un tableau et j'ai utiliser des CSS pour faire des cadre. Tout va bien mais quand je veux imp Changer de feuille de style CSS pour netscape [ par ericepbc ] Bonjour,Mon site tourne sous Ie mais sous netscape certains tableaux ne se positionnent pas au bon endroit.La position des tableaux est définie en abs iframe et css [ par kaskran ] Est ce que l'on peut inserer ( et donc utiliser) une feuille de style dans une IFrame ????car la j'ai un soucis explorer ne veut pas l'utiliser mon st Style bouton [ par Thundrax ] Hello,Alors mon problème est un poil plus compliqué que pourais laisser croire son titre.Je cherche à définir un style sur un bouton qui vien du type Désactiver le bouton "Précédente" dans IE [ par pascalbuguet ] Comment en JavaScript et/ou éventuellment en PHP désactiver le bouton "Précédente" dans IE et /ou NetscapeMerci d'avance Plus d'un bouton 'Spécial' qui fonctionne [ par antbilly ] ant billy <iframe> avec Mozilla [ par MCh ] J'ai un problème avec l'utilisation d'un sous Netscape (and co).Je n'arrive pas à accéder aux fonctions ou aux objets définies dans la page de l'ifra Aide Mon bouton ne se rafraichit pas!!! [ par pops83 ] Bonjour!Mon Problème est simple j'ai crée un bouton grace à et lorsque je modifie un paramètre du style(width ou height) ça ne le change pas sur ma p Le hover en css marche pas sous IE? [ par Monico9385 ] Bonjour tout le monde! j'ai créé un menu tout simple en css, ou quand on passe la souris au dessus d'un div ca change la couleur. Voila mon code css: Fonctionne pas correctement sous Netscape ni Mozilla [ par Vin Gazoil ] Salut ! Voila j'ai un menu que j'ai réalisé avec web expert, donc ce n'est pas moi qui est tappé le code. J'ai compris la plus part des lignes de cod


Nos sponsors


Sondage...

Comparez les prix


Archos Tablette PC ARNOVA ARNOVA 10 4GB
Entre 200€ et 210€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)