Bonjour,

Je me retrouve face à un problème assez bête, je voudrais mettre trois div les unes à coté des autres à la suite.

voici ma css

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
.social{
	height: 37px;
	margin-top: 26px;
	text-align: center;
	background: -moz-radial-gradient(50% 50%, circle closest-corner, #ccc, transparent), #666;
  	background-image: -webkit-gradient(radial,50% 50%,10,center center,320,from(#ccc),to(#666));
	border-top: 1px solid;
	border-top-color: #333;
	border-bottom: 1px solid;
	border-bottom-color: #333;
	-webkit-box-shadow: 0px 1px 0px 0px #959595;
	-moz-box-shadow: 0px 1px 0px 0px #959595;
	box-shadow: 0px 1px 0px 0px #959595; 
}
.logo_social {
	width: 49px;
	height: 37px;
	display: block;
	position:relative;
}
.logo_social img { 
	position:absolute; 
	left:0; 
	-webkit-transition:opacity .3s ease-in-out; 
	-moz-transition:opacity .3s ease-in-out; 
	-o-transition:opacity .3s ease-in-out; 
	transition:opacity .3s ease-in-out; 
	border-style:none; 
}
.logo_social img.top:hover { 
	opacity:0; 
}
et ici mon code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<div class="social">
 
<div class="logo_social"><a href="" target="_NEW"><img class="bottom" src="img/facebook_hover.png" width="49" height="37" /><img class="top" src="img/facebook.png" alt="" /></a></div>
<div class="logo_social"><a href="" target="_NEW"><img class="bottom" src="img/twitter_hover.png" width="49" height="37" /><img class="top" src="img/twitter.png" alt="" /></a></div>
<div class="logo_social"><a href="" target="_NEW"><img class="bottom" src="img/linkedin_hover.png" width="49" height="37" /><img class="top" src="img/linkedin.png" alt="" /></a></div>
 
</div>
Il s'agit bien de la div ".logo_social".

Quelqu'un pourrait m'aider là dessus,
Merci