Pesquisar na Comunidade
Mostrando resultados para as tags ''buttom''.
Encontrado 3 registros
-
Eu estou fazendo uma página pra faculdade que só pode ser usado HTML e CSS, e nessa página eu gostaria de ter um scrolls, Porém, ao invés de usar o scroll do mouse, usar um botão dentro da própria página levando ela ao conteúdo desejado. No caso, a página seria uma só e teriam algumas camadas, a camada da página inicial que conteria todos os botões levando a todas as outras camadas, camada de baixo com algum conteúdo, outra camada com outro conteúdo... Como posso fazer? Além de querer saber como criar os scrolls, queria saber como criar backgrounds separados, página inicial de uma cor, conteúdo de outra, assim como no site. Desde já, agradeço. Site de exemplo: Arcadis.com
-
Olá, pessoal, boa tarde !! Estudei toda uma apostila sobre CSS, porém não estou conseguindo realizar uma simples tarefa !! Ao passar o mouse no 'button.botao', ativar o movimento do 'div.traco' ! Eis abaixo o 'Código Fonte' que estou tentando: <!DOCTYPE html> <html> <head> <style> button.botao { width: 150px; height: 50px; border: none; background-color: black; color: red; font-size: 23px; } div.traco { width: 20px; height: 10px; background: red; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: width 2s; } button.botao:hover div.traco { width: 150px; } </style> </head> <body> <button class="botao">Botao</button> <div class="traco"></div> </body> </html> Me ajudem por favor ! Obrigado !!
-
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