Discussion :

[santo]

bonjour a tous, voila j'ai un petit probleme de CSS entre ie6 et firefox (etonnant non... ) et j'aurai besoin de conseils...
j'ai le code CSS suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
a.bouton, input.bouton {
  background-color:#000000;
  color:#FFFFFF;
  font: 10pt bold "Arial";
  border:1px solid #FFFFFF;
  padding:0px;
  margin:0px;
  width:100px;
  height:26px;
  text-align:center;
  cursor:pointer;
}
input.bouton:hover, input.bouton:focus, a.bouton:hover, a.bouton:focus {
  background-color:#FFFFFF;
  color:#000000;
  border: #000000;
  text-decoration:none;
}

Tous ça pour donner la "meme gueule" a mes input et a mes balises a...

MAIS OU DONC QUE CA MARCHE PAS?
1)le changement de couleur (fond et texte) ne fonctionne pas sous ie6 (donc je l'ai fait avec un onmouseover...)

2)l'alignement du texte dans le a n'est pas configurable... (j'ai essayé un vertical-align mais ça aligne tout le bouton...)

3)le width et le height ne sont pas pris en compte sous firefox!!!! et donc mes boutons sont pas beau

donc si qqun veu essayer je vous donne en gros le code (pour ceux qu'y aurai pas compris mon explication...):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input type="button" class="bouton" value="Soumettre">
<a href="machin.php" class="bouton">Annuler</a>

Voila en gros le smilblik...
Merci d'avance pour vos aides éclairées!

[Huntress]

bah déjà je comprends pas pourquoi tu utilises un <a> et pas un input pour faire l'annulation... piskeu tu recherches quelque chose de joli, tu pourrais uniformiser à ce niveau là, nan ?

Ton "soumettre" serait de type submit, et ton "annuler" de type button, sinon pour le reste je sais que les class dans les "input" ne marche pas sous ie.

Bon courage pour la suite.

[santo]

salu
pour repondre a tes questions...
1) en fait j'ai un formulaire (dans une page seule) qui s'ouvre quand on clic un lien et dedans g un input de type submit et le bouton annuler qui renvoie a une autre page (et je ne sais pas comment faire un lien vers une page avec un input de type button... mais si tu sais! ) sans utiliser javascript (style document.reload(truc) ou un truc comme ça...)

2) et contrairement a ce que tu penses les class marchent pour les input sous ie6 mais y'a pas de mise a jour (et ça je sais pas pourquoi...) sinon tous les boutons aurai la meme tete suous ie...

Bon ben merci quand meme et si qqun a une solution ou une alternative je suis preneur!

[Huntress]

ah bon ben mince, mon monde s'effondre

ah pis tu veux pas de JS, t'es du genre difficile :p
euh ben essaye ça... question validité, je sais pas ce que ça vaut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<button><a href="">lien</a></button>

[SpaceFrog]

sous IE hover ne s'applique qu'a la balise a .

[santo]

bonjour a tous!
Pour IE le hover qui s'applique que sur <a> ça explique pas mal de chose...
Pour le reste, mmerci huntress pour ta solution qui pourrai etre pas mal
En fait j'ai testé et ça donne ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<button class="bouton"><a  href="mapage.php">Lien</a></button>

Donne l'aspect nickel que je veux (comme un input quoi...) mais ne marche ni sur ie6 ni sur firefox...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a  href="mapage.php"><button class="bouton">Lien</button></a>

Donne a peu pres le bon graphisme (y faut que je verifie 2,3 trucs encore...) mais ne marche que sous firefox...

DONC si qqun sait comment faire un lien vers une page avec <button> SOUS IE faites moi signe... je sais plus trop quoi tester...
merci encore et d'avance!

[Huntress]

MDR, c'est bête cette astuce que je t'ai donné, effectivement ça sert à rien

je vais voir si y'a pas autre chose de plus utile

[santo]

bonjour a tous,
Donc pour ce pb de bouton je crois que j'ai trouvé une solution (j'ai pas encore testé mais ça devrai marcher...)
En fait je met un deuxieme submit qui s'appel "cancel" et sur le reload je redirige vers la bonne page avec php
ça donne un truc comme ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
if(isset($_POST['cancel']))
{
header(location: mapage.php);
}
 
if(isset($_POST['submit']))
{
// l'action que je dois faire...
}
 
<form action="cettepage.php" method="post">
<input type="submit" name="submit" class="bouton" value="Soumettre">
<input type="submit" name="cancel" class="bouton" value="Annuler">
<form>

Et voila, j'ai deux boutons classes et un des deux qui fait lien... sans javascript! 8)
Je sais ça sert a rien mais c bô!
merci pour vos aides.