como fazer?! URGENTE

cybernetico

Power Member
Boas pessoal,
tenho estado a tentar colocar o logo do facebook por cima do WhatsApp mas sem sucesso :(
Alguém me pode dar uma ajudinha?

Desde já obrigado a todos.

HTML:

<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="Style-index.css">
<title>Marucos</title>
<style type="text/css"></style>
</head>
<body background='Imagens/background-index01.jpg'>
<audio src="Músicas/Laura Branigan - Self Control.mp3" autoplay loop></audio>

<a href="page01.html"><div style=""><img class="center" src="Imagens/esqueleto-de-peixe - Marucos.png"></div></a>
<a href="https://www.whatsapp.com"><div style=""><img class="whatsapp" src="Imagens/whatsapp-messenger.png" width="30" height="30"></div></a>
<a href="https://www.whatsapp.com"><div style=""><img class="facebook" src="Imagens/facebook-logo.png" width="30" height="30"></div></a>
</body>
</HTML>


CSS:

#menu ul{
width:300px;
height: auto;
background-color:#2f4f4f;
display:block;
margin:0;
padding:0;
width:306px;
cursor:pointer;
}
#menu li{
list-style:none;
display: block;
width:100%;
height:auto;
border-bottom:2px solid #fff;
color:#fffafa;
font-family: helvetica;
font-size: 20px;
padding: 20px;
text-align: center;
}
#menu li:hover{
background: #ff4500;
width: 266px;
}
#menu li{
-webkit-transition:all .9s ease;
-moz-transition:all .9s ease;
-ms-transition:all .9s ease;
transition:all .9s ease;
}
h1{
font-family:helvetica;
color: #8fbc8f;
}
.center{
padding-top:15%;
padding-left:35%;
}
body{
background-image: Imagens/background-index01.jpg;
background-repeat: no-repeat;
background-size: cover;
margin: center;
padding: 50px 60px;
}
.whatsapp{
padding:150px;
float:right;
margin-right:5px;
}
.facebook{
padding:10px;
float:right;
margin-right:5px;
}
 
Back
Topo