Position absolute CSS

1 resposta
htmljsfcssjava
F

Pessoal boa tarde estou fazendo um menu e ao lado um input text para pesquisa.

Queria o meu background fosse ate o final “ate o final do inputText”, e o inputText ficasse sobre o background-color mas ele não esta indo e quando eu aumento o width do meu com backgroound acontece isso

irei postar meu codigo para vcs verem .teste mina class do menu e .search_box input para meu input

identar texto .search_box input {
background: #F0F0E9;

border: medium none;

color: #B2B2B2;

font-family: roboto;

font-size: 12px;

font-weight: 300;

height: 35px;

outline: medium none;

padding-left: 10px;

width: 155px;

background-image: url(/images/home/searchicon.png);

background-repeat: no-repeat;

background-position: 130px;

position: absolute;

}

CSS .teste

.teste{

overflow: hidden;

}

.teste ul li a {

border: 0 ;

border-radius: 0;

color:  whitesmoke;

display: block;

font-family: Roboto, sans-serif;

font-size: 14px;

text-transform: uppercase;

}
.teste{

background: #40403E;

border-bottom: 1px solid #FE980F;

padding-top: 10px;
width: 10%;

}

1 Resposta

magnnos

Posta tua pagina html!
mas vou perguntar já tentou colocar o input dentro do bloco nav? depois é só alinhar ele à esquerda…

Criado 20 de junho de 2017
Ultima resposta 21 de jun. de 2017
Respostas 1
Participantes 2