salut j'ai un problème avec mon texte il touche mes bouton sur le cotes droit et se place donc au dessus comment faire pour les placer au même niveau
CSS:
body
{
margin: 0px;
background-image:url(./photo/fond1.jpg);
}
h1
{
text-align: center;
}
h2
{
font-style: normal;
font-size:22px;
text-align: center;
text-decoration: underline;
}
p
{
font-size: 16px;
font-style: normal;
text-indent: 28px;
margin-top:55px;
}
.flotte
{
display:inline-block;
text-align:center;
font-size:22px;
font-style:normal;
margin-left:15px;
}
- menu
{
width: 60px;
height: 300px;
}
.bouton
{
width: 260px;
height: 93px;
}
- bout_1 { background: url('./photo/imgetp1.png'); }
- bout_1:hover { background: url('./photo/imgetp1hov.png'); }
- bout_2 { background: url('./photo/imgpetp2.png'); }
- bout_2:hover { background: url('./photo/imgpetp2hov.png'); }
- bout_3 { background: url('./photo/imgetp3.png'); }
- bout_3:hover { background: url('./photo/imgpetp3hov.png'); }
- bout_4 { background: url('./photo/imgpetp4.png'); }
- bout_4:hover { background: url('./photo/imgpetp4hov.png'); }
- bout_5 { background: url('./photo/imgpetp5.png'); }
- bout_5:hover { background: url('./photo/imgpetp5hov.png'); }
- bout_6:{ background: url('./photo/photologo.png'); }
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"><div class="bouton" id="bout_6"></div></h1>
<p>Mis a jour le 26/10/2014</p>
<h2>Bonjour et bienvenu sur :apprendreamonterunpc.com</h2>
<p class="flottetxt">vous trouverez sur ce site un tutoriel détaillé"_ "
pour vous apprendre a montée un PC (personal compulter) comme un vrai professionnelle</p>
<div id="menu">
<a href="index2.html"><div class="bouton" id="bout_1"></div></a>
<a href="index3.html"><div class="bouton" id="bout_2"></div></a>
<a href="index4.html"><div class="bouton" id="bout_3"></div></a>
<a href="index5.html"><div class="bouton" id="bout_4"></div></a>
<a href="index6.html"><div class="bouton" id="bout_5"></div></a>
</div>
</body>
</html>
