Daniel Cipriano
-
Posts
7 -
Cadastrado em
-
Última visita
-
HTML Problema em relação à estética do site em HTML5
Daniel Cipriano respondeu ao tópico de Daniel Cipriano em Web e banco de dados
Não conhecia esse tipo de medida do CSS, vou pesquisar mais sobre. Obrigado pela ajuda @DiF @Luís Roberto C. da Silva -
HTML Problema em relação à estética do site em HTML5
Daniel Cipriano postou um tópico em Web e banco de dados
Bom dia, estou criando um site em HTML5 e verifiquei que ocorre um problema ao minimizar o tamanho da tela do navegador, as imagens ao invés de se ajustarem se sobrepõe uma por cima da outra. Estou achando que o problema é na definição de POSITION em CSS mas não tenho certeza. Segue o código HTML e CSS e o print da página. Agradeço a ajuda. PRINT: http://prntscr.com/jq9utg <!DOCTYPE HTML> <html lang='pt-br'> <head> <meta charset='UTF-8'/> <title>Trabalhos|Seminários|Vídeos</title> <link rel='stylesheet' type='text/css' href='css/formatacao.css'/> </head> <body> <header id='cabecalho'> <h1>TRABALHOS | SEMINÁRIOS | VÍDEOS</h1> </header> <nav id='menu'> <figure id='hist'> <img src='capas/caphist/caph.PNG'/> <figcaption> <h2>HISTÓRIA</h2> </figcaption> </figure> <figure id='geo'> <img src='capas/capgeo/capgeo.png'/> <figcaption> <h2>GEOGRAFIA</h2> </figcaption> </figure> <aside> <figure id='bio'> <img src='capas/capbio/capbio.png'/> <figcaption> <h2>BIOLOGIA</h2> </figcaption> </figure> <figure id='edfis'> <img src='capas/capedfis/capedfis.png'/> <figcaption> <h2>Educação<br>Física</h2> </figcaption> </figure> </aside> </nav> <footer id='rodape'> </footer> </body> </html> @charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Jua'); @import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC'); @import url('https://fonts.googleapis.com/css?family=Caesar+Dressing'); @import url('https://fonts.googleapis.com/css?family=Courgette'); @import url('https://fonts.googleapis.com/css?family=Cabin+Sketch'); @import url('https://fonts.googleapis.com/css?family=Permanent+Marker'); body{ background-color: #a14343; } header#cabecalho { position: relative; display: block; background-color: #920f0f; top: -30px; height: 100px; box-shadow: 0px 10px 10px rgba(0,0,0,0.5); padding-bottom: 0px; } header#cabecalho h1{ position: relative; font-family: 'Jua', sans-serif; font-size: 30pt; color: white; text-align: center; padding-top: 30px; } nav#menu{ position: relative; padding-bottom: 500px; margin: -20px 40px auto 40px; border: 5px solid white; border-top: none; border-bottom: none; } /*-------------------------------------------------------------*/ figure#hist{ position: absolute; border: 1px solid black; width: 600px; height: 338px; margin-top: 50px; } figure#hist figcaption{ position: absolute; right: 210px; top: 110px; } figure#hist figcaption h2{ font-size: 35pt; font-family: 'Caesar Dressing', cursive; color: white; } figure#hist:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } figure#hist figcaption h2:hover{ text-decoration: underline; font-size: 36pt; } /*-------------------------------------------------------------*/ figure#geo{ position: relative; top:450px; border: 1px solid black; width: 600px; height: 338px; } figure#geo figcaption{ position: absolute; right: 200px; top: 110px; } figure#geo figcaption h2{ font-family: 'Courgette', cursive; font-size: 32pt; color: white; } figure#geo:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } figure#geo figcaption h2:hover{ font-size: 33pt; text-decoration: underline; } /*-------------------------------------------------------------*/ aside figure#bio{ position: relative; float: right; bottom: 322px; width: 600px; height: 338px; border: 1px solid black; } aside figure#bio figcaption{ position: absolute; right: 195px; top: 110px; } aside figure#bio figcaption h2{ font-family: 'Cabin Sketch', cursive; font-size: 35pt; color: white; } aside figure#bio:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } aside figure#bio figcaption h2:hover{ font-size: 36pt; text-decoration: underline; } /*-------------------------------------------------------------*/ aside figure#edfis{ position: relative; float: right; bottom: 293px; width: 600px; height: 338px; border: 1px solid black; } aside figure#edfis figcaption{ position: absolute; right: 180px; top: 70px; } aside figure#edfis figcaption h2{ font-family: 'Permanent Marker', cursive; font-size: 35pt; color: white; } aside figure#edfis:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,.5); } aside figure#edfis figcaption h2:hover{ font-size: 36pt; text-decoration: underline; } /*-------------------------------------------------------------*/ footer#rodape{ border-top: 5px solid white; background-color: #920f0f; } -
Python Definir Hipotenusas em Python
Daniel Cipriano respondeu ao tópico de Daniel Cipriano em Programação - outros
Sim conheço a fórmula, mas o problema é que não foi dado nenhum triângulo. Eu preciso definir os números que possam ser a hipotenusa de um triângulo retângulo, essa parte que não entendi. O enunciado apresenta um exemplo tipo esse: # Para x = 25, as hipotenusas são: # 5, 10, 13, 15, 17, 20, 25 # note que cada número deve ser somado apenas uma vez. Assim: soma_hipotenusas(25) # deve devolver 105 -
Preciso criar um algoritmo que possua uma função, que receba um número inteiro X e devolva a soma de todos inteiros entre 1 e X que forem a hipotenusa de um triângulo retângulo, os números não podem se repetir. Para isso preciso criar outra função que defina se cada número é ou não hipotenusa de um triângulo retângulo. Estou com dúvida nessa parte, como posso testar se um número é hipotenusa ou não de um triângulo retângulo? (LINGUAGEM PYTHON)
-
HTML Erro na exibição de imagem HTML5
Daniel Cipriano respondeu ao tópico de Daniel Cipriano em Web e banco de dados
@DiF Tentei com a imagem que você mandou e deu certo, então o problema deve ser no PC mesmo, vou tentar com esse programa que você indicou, obrigado. -
HTML Erro na exibição de imagem HTML5
Daniel Cipriano respondeu ao tópico de Daniel Cipriano em Web e banco de dados
@DiF Então, a pasta realmente possui um underline no nome, é um padrão criado pelo professor, ele coloca em todas pastas. Quando eu executo o código no navegador, o texto aparece normal, porém a imagem fica como arquivo inexistente. Vou colocar o código em forma de texto. Já tentei ver se o arquivo não estava na pasta correta, ou se o nome dele estava errado, mas está tudo certo. Segue o código em texto. Agradeço a ajuda. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>TesteImagem</title> </head> <body> <figure> <img src="_imagens/fundo.jpg"/> <figcaption> <h1>Imagem Grande</h1> </figcaption> </figure> </body> </html> -
Olá, estou fazendo um curso de HTML5 e cheguei na parte de imagens em HTML5, criei um File de teste, no qual utilizei a tag <img> e <figure>, porém, quando executo a imagem não aparece, não consigo encontrar o erro no código. Segue o print: https://prntscr.com/je89tm
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais
