Como fazer esse menu: HTML5 + CSS / Devo usar algo a mais?
Fala galera, de boas?
Eu fiz um menu no photoshop e estou tentando passar para HTML5 e CSS, mas estou enfrentando problemas =(
Esse é o link de como ficou no photoshop: https://ibb.co/kyY03G
--------------------------------------------------------------------------------------------
Esse é o link de como está ficando no HTML5 e CSS: https://ibb.co/daff3G
Eu até conseguiria centralizar esse input(buscar no site) mas teria que usar margin negativa...
Eu queria que tudo ficasse dentro do meu Header que será meu menu Horizontal... (Estou fazendo da forma mais correta?)
Meu código html está assim:
<!DOCTYPE html>
<html>
<head>
<title>WorLoc</title>
<link rel="stylesheet" type="text/css" href="_css/style.css">
</head>
<body>
<header>
<img src="_img/logo.png" id="logo">
<div id="divBusca">
<input type="text" id="textoBusca" placeholder="Buscar no site">
</div>
</header>
</body>
</html>
E o meu css: body {
margin: 0;
padding: 0;
}header {
position: absolute;
width: 1600px;
height: 58px;
background: #1884e0;
}header img#logo {
margin-left: 170px;
margin-top: 10px;
}
#divBusca{
position: relative;
background-color:white;
border:solid .5px;
border-radius:15px;
width:150px;
height: 30px;
margin-top: 0px;
margin-left: 340px;
}
#textoBusca{
float:center;
background-color:transparent;
padding-left:5px;
font-style:italic;
font-size:15px;
border:none;
height:32px;
width:150px;
}Discussão (1)
Carregando comentários...