Sujet : [help] bouton css et html
jons99
salut a vous
je voudrait mettre (en vertical) plusieurs bouton dans mon site mais problème j'y arrive pas, je comprend pas comment on insert le css des bouton dans le html
mes codes ci-dessous:
CSS:
body
{
background-image:url(./photo/fond1.jpg);
}
h1
{
text-align: center;
}
p
{
font-size: 16px;
font-style: normal;
text-decoration: underline;
text-indent: 25px;
margin-top:55px;
}
.bouton1
{
width: 260px;
height: 93px;
backround: url('imgetp1.png');
transition: 700ms;
}
.bouton2
{
width: 260px;
height: 93px;
backround: url('imgetp2.png');
transition: 700ms;
}
.bouton3
{
width: 260px;
height: 93px;
backround: url('imgetp3.png');
transition: 700ms;
}
.bouton4
{
width: 260px;
height: 93px;
backround: url('imgetp4.png');
transition: 700ms;
}
.bouton5
{
width: 260px;
height: 93px;
backround: url('imgetp5.png');
transition: 700ms;
}
.bouton:hover
{
width: 260px;
height: 93px;
background: url('imgetp1hov');
}
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>page d'acceuil</title>
</head>
<body>
<h1><img src="./photo/photologo.png"></h1>
<p>Mis a jour le 22/10/2014</p>
<div class="bouton1">
<a href="index2">bouton</a>
</div>
</body>
</html>
njn[g]fdfdfd]fd
<button class="bouton1">Bouton</bouton>
<button class="bouton2">Bouton</bouton>
<button class="bouton3">Bouton</bouton>
<button class="bouton4">Bouton</bouton>
<button class="bouton5">Bouton</bouton>
button {
display:block;
}
njn[g]fdfdfd]fd
et autant refaire tout :
button {
width: 260px;
height: 93px;
transition: 700ms;
}
tu peux tout mettre dans une classe commune. 
jons99
c'est bien beau d'avoir un bouton qui est fait comme ça mais
ce que je veut c'est faire un bouton avec 2 images de format png
a tu une soluce pour ça stp ??