Sujet Précédent Sujet Suivant

Info code HTML

Fermé
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009 - 8 mars 2009 à 07:39
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 - 10 mars 2009 à 20:12
Bonjour,
j'aimerais créer pour ma page web des bouttons, sous dreamweaver j'arrive à créer un boutton flash, mais quand je me retrouve au travail rien , n'apparait. Surement à cause du flash vu que ce sont de vieilles becannes.

Quelqu'un peut me donner le code html juste pour créer des bouttons simple. Ou je pourrais mettre comme texte par exemple Documents Outils, etc....

<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22" align="middle">
<param name="movie" value="button9.swf" />
<param name="quality" value="high" />
<embed src="button9.swf" width="100" height="22" align="middle" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" ></embed>
</object>
</noscript>


Merci pour vos réponses
A voir également:

19 réponses

Réponse 1 / 19
Tonyjim Messages postés 68 Date d'inscription lundi 16 février 2009 Statut Membre Dernière intervention 19 juillet 2009 1
8 mars 2009 à 08:53
je ne connais ni le flash en encore moin dremweaver mais .......

dans head tu met 

<style>
a.bouton-relief {
  color: white;
  background-color: #000080;
  background-image: url(1er image.jpg);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
}
a.bouton-relief:hover {
  background-color: #6495ED;
  background-image: url(seconde image.jpg);
  border: 2px inset #c0c0c0;
}
</style>


et dans tes balises: 

<table>
     <tr>
<td background=image/bouton.jpg width=91 height=20><center><font color=white face=verdana size=1><a href="ta_page.php" class="bouton-relief">Ma page</a></font></center></td>
     </tr>
</table>


et voila ca te donne un bouton avec une des images en arriere plan et une autre de tes images quand tu passe avec la souris ;)
0
Réponse 2 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
8 mars 2009 à 14:35
merci à toi, c'est simpa , vous avez tous une culture G super importante, c'est cool
0
Réponse 3 / 19
Tonyjim Messages postés 68 Date d'inscription lundi 16 février 2009 Statut Membre Dernière intervention 19 juillet 2009 1
8 mars 2009 à 14:53
ca t'a aidé ?
0
Réponse 4 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
8 mars 2009 à 17:52
Oui pour pas mal de chose après si il y a d'autres maniere de faire un boutton simple je suis preneur
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
8 mars 2009 à 17:54
Tu peux aller sur AlsaCréations, ils ont pas mal de techniques pour des menus CSS jolis et accessibles !
0
Réponse 6 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
8 mars 2009 à 19:24
merci enormément, mais mon défaut c'est que je touche à peine le code html, donc ...... c'est pas évident du tout
0
Réponse 7 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
8 mars 2009 à 20:12
Dans ce cas je ne peux que te conseiller le site du zéro... https://openclassrooms.com/fr/

C'est la que j'ai fait mes classes, comme beaucoup. Si tu as un peu de temps devant toi, tu peux avoir capté le truc en une semaine, après il faut expérimenter et faire ses propres erreurs, c'est ça qui prend le plus de temps ^^

Courage !
0
Réponse 8 / 19
Tonyjim Messages postés 68 Date d'inscription lundi 16 février 2009 Statut Membre Dernière intervention 19 juillet 2009 1
8 mars 2009 à 20:18
Pour ma part c'est grace au cours de siteduzero que j'ai commencer le php!
0
Réponse 9 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
8 mars 2009 à 20:20
C'est le meilleur site francophone pour débutants ;)
0
Réponse 10 / 19
lucasc Messages postés 97 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 12 juin 2009 14
8 mars 2009 à 20:31
Sinon pour créer un bouton tous simple : 

<input type="button" name="valider" value="Texte du Bouton"/>



Si ca peut t'aider. :)
0
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
9 mars 2009 à 14:42
est-ce que je peux rajouter dans ce code un lien qui me permettrai d'ouvrir sur une autre page web?

merci à toi
0
Réponse 11 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
8 mars 2009 à 20:36
Mais par rapport à ce code, est-ce que s'est possible de modifier la longueur et la largeur? j'essai de modifier ce code, mais tout ce que j'ai réussi à faire c'est modifier le contour et changer la couleur.

Voici le résultat

<style>
a.bouton-relief {
color: white;
background-color: #000000;
background-image: url(1er image.jpg);
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 10px;
border: 6px outset #c0c0c0;
}
a.bouton-relief:hover {
background-color: #000000;
background-image: #000000;
border: 2px inset #c0c0c0;
}
</style>
<table>
<tr>
<td background=image/bouton.jpg width=100 height=35><center><font color=white face=verdana size=1><a href="ta_page.php" class="bouton-relief">Outils</a></font></center></td>
</tr>
</table>
0
Réponse 12 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
9 mars 2009 à 14:01
merci pour

style>
a.bouton-relief {
color: white;
background-color: #000080;
background-image: url(1er image.jpg);
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
}
a.bouton-relief:hover {
background-color: #6495ED;
background-image: url(seconde image.jpg);
border: 2px inset #c0c0c0;
}
</style>


et dans tes balises:


<table>
<tr>
<td background=image/bouton.jpg width=91 height=20><center><font color=white face=verdana size=1><a href="ta_page.php" class="bouton-relief">Ma page</a></font></center></td>
</tr>
</table>

et aussi pour

<input type="button" name="valider" value="Texte du Bouton"/>
0
Réponse 13 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
9 mars 2009 à 19:17
peut on intégrer un lien url sur ce code là? si oui comment faire?
0
Réponse 14 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
9 mars 2009 à 20:14
C'est possible, mais c'est du chipot.

Tout d'abord, ton bouton doit être dans une balise <form>, pour être considéré comme formulaire. La balise <form> doit avoir deux attributs : method et action.

En method, tu utilise "post"
En action, tu utilises le lien vers ta page.

Ensuite ta balise <input>. Elle ne doit pas avoir type="button" mais type="submit".

Pour le reste c'est pareil. Ca te donne :

<form method="post" action="lienverstapage.html">
<input type="submit" name="valider" value="Texte du Bouton"/>
</form>

Par contre point de vue accessibilité, je suis pas sur que ce soit over the top... Il faut en tous cas que le value de ton input ait suffisamment de sens... De plus en mode texte, il demande confirmation pour poster un formulaire inexistant... Bref, c'est moyen.

Simple question : est-ce que tes tableaux sont indispensables ? Je ne crois pas. Les standards impliquent que la mise en page se fasse en CSS et pas en tableaux. Attention à l'accessibilité de ton site.
0
Réponse 15 / 19
medaille130006 Messages postés 31 Date d'inscription jeudi 5 mars 2009 Statut Membre Dernière intervention 12 avril 2009
10 mars 2009 à 12:41
moi en faites si tu peux m'expliquer de la meilleur des façons, comment est-ce que je peux faire pour créer des bouttons, de ce genre, tout en introduisant un lien à l'intérieur , qui me permettre lorsque je clique sur ce boutton, d'ouvrir une autre fenetre.


Merci à toi
0
Réponse 16 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
10 mars 2009 à 13:10
Je te l'ai déja donnée ;)

<form method="post" action="lienverstapage.html">
<input type="submit" name="valider" value="Texte du Bouton"/>
</form>

En gras, les éléments à modifier absolument selon tes besoins.
En italique, les éléments a ne surtout pas modifier.
0
Réponse 17 / 19
lucasc Messages postés 97 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 12 juin 2009 14
10 mars 2009 à 17:30
non tu a une autre possibilité !!!

Voila comment faire : 

<form action="tapage_apres_submit_php.php" method="post" name="form">

  <input type="button" name="bouton1" id="bouton1" value="Texte tu Bouton" onclick="window.location.href='ta_page_de_destination.php'"/>// bouton qui ouvre une page php 

  <input type="submit" name="envoyer" id="envoyer" value="Texte tu Bouton"/>// bouton qui renvoi le formulaire et qui ouvre la page de action.

    </form>


et voila :))
0
Réponse 18 / 19
lucasc Messages postés 97 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 12 juin 2009 14
10 mars 2009 à 17:30
je pense que tu devrai t'en sortir.

PS : si tu veut que lorsque l'on clic sur le bouton une autre fenêtre apparaisse et non une actualisation sur la même page tu ecrit : 

 <input type="button" name="bouton1" id="bouton1" value="Texte tu Bouton" onclick="window.location.href='ta_page_de_destination.php'" target="_blank"/>
0
Réponse 19 / 19
KorriganVehuiah Messages postés 171 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 22 mars 2009 70
10 mars 2009 à 20:12
Attention : cela exclut du coup tout ceux qui n'ont pas accès au JavaScript, que ce soit un choix ou pas !

Du reste, pourquoi s'encombrer de tout ce JavaScript tout ça pour utiliser type="button" au lieu de type="submit" alors que le résultat est le même ?!? Si tu n'as pas d'autre élément de formulaire et que tu ne renvoie pas vers une page de traitement, l'effet est identique ou presque !

Je me permets aussi de signaler que les standards du web préconisent d'éviter les ouvertures de page dans un autre onglet/fenêtre non seulement pour laisser le choix à l'utilisateur mais aussi parce que, considéré comme pop-up, ce mécanisme est souvent bloqué par les systèmes anti-pop-up des navigateurs récents !

Bref, je fais mon chieur, mais prenez les bons réflexes d'accessibilité dès maintenant ou vous n'y parviendrez jamais ;)
0

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
sertissage des cables rj45
lekludo -
brupala -

7 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse