28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un petit problème que je ne comprend pas, j'ai une page html où tout est bien affiché http://www.gatesinnovation.com/GATES/contacts.html , en particulier le bouton envoyer. J'ai modifié le code pour utiliser php, http://www.gatesinnovation.com/GATES/contacts.php pour le fonctionnement de ce bouton mais dans ma page php le bouton n'applique pas le CSS comme dans la page html.

Voici le code html orginal:


<div class="alignright"><a href="#" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>Effacer</span></span></a><a href="#" class="link2" onClick="document.getElementById('contacts-form').submit()"><span><span>Envoyer</span></span></a></div>


Voici le code avec le PHP:

<div class="alignright"><a href="#" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>Effacer</span></span></a>
<input type="submit" class="link2" value="Envoyer" id="submit-button"/>


et finalement le CSS qui doit être appliqué:

.link2:hover {color:#CD0000}
.link2 span {display:block;background:url(http://gatesinnovation.com/GATES/Images/link2-left.gif) no-repeat left top}
.link2 span span {background:url(http://gatesinnovation.com/GATES/Images/link2-right.gif) no-repeat right top;padding:10px 22px}


La seule différence que je vois c'est que j'applique link2 span span dans mon html mais je ne sais pas comment l'appliquer à mon bouton PHP.

Merci à l'avance de votre aide