Oi, gente, boa tarde!
Gostaria de uma ajudinha de vocês. Estou fazendo um trabalho pra disciplina PWeb e o professor pediu um site simples, por enquanto, só com html e css. Me inspirei em alguns sites e fiz um de restaurante.
Fiz os botões, como dá pra ver na imagem, mas não to conseguindo alinhar do jeito que quero.
Quero deixar dois de cada lado, alinhado com o cabeçalho acima.
Pergunta
stereobaby
Oi, gente, boa tarde!
Gostaria de uma ajudinha de vocês. Estou fazendo um trabalho pra disciplina PWeb e o professor pediu um site simples, por enquanto, só com html e css. Me inspirei em alguns sites e fiz um de restaurante.
Fiz os botões, como dá pra ver na imagem, mas não to conseguindo alinhar do jeito que quero.
Quero deixar dois de cada lado, alinhado com o cabeçalho acima.
aqui está o código css:
a.reserva{
margin-top: 10px;
margin-left: 500 auto;
margin-bottom: 50 auto;
margin-right: 30 auto;
width: 1000px;
height: 49px;
background-clip: border-box;
background-attachment: scroll;
background-color: rgba(0,0,0,0);
background-image: url(imagens/botãoreserva.png);
background-position: 0% 0%;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
background-size: auto;
border-bottom-color: rgb(0,0,238);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 238);
border-left-style: none;
border-left-width: 50px;
border-right-color: rgb(0, 0, 238);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 238);
border-top-style: none;
border-top-width: 0px;
clear: left;
color: rgb(0, 0, 238);
float: left;
font-family: serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 49px;
line-height: 16px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
outline-color: rgb(0, 0, 238);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-decoration-color: rgb(0, 0, 238);
text-decoration-line: none;
text-decoration-style: solid;
text-indent: -15984px;
vertical-align: baseline;
-moz-border-bottom-color: none;
-moz-border-left-color: none;
-moz-border-right-color: none;
-moz-border-top-color: none;
}
***desconsiderem a falta do "o" em funcionamos
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.