Pedro Vítor10
-
Total de itens
1 -
Registro em
-
Última visita
Tudo que Pedro Vítor10 postou
-
Dependendo da resolução imagem ultrapassa a borda da direita
pergunta respondeu ao mestre fyoda de Pedro Vítor10 em HTML, XHTML, CSS
Olá, boa tarde, sou Pedro, e estou enfrentando problemas quanto a meu código em HTML / CSS. A borda da imagem está ultrapassando, ela não está acompanhando. Alguém poderia me ajudar ? Se puder enviar o código já editado, fico agradecido INDEX.HTML <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>Tudo sobre Google Glass</title> <link rel="stylesheet" type="text/css" href="_css/estilo.css"/> </head> <body> <div id="interface"> <header id="cabecalho"> <hgroup> <h1>Google Glass</h1> <h2>A revolução do Google está chegando</h2> </hgroup> <img src="_imagens/glass-oculos-preto-peq.png"/> Menu Principal - Home - Especificações - Fotos - Multimídia - Fale conosco </header> <hgroup> <h3>Tecnologia > Inovações</h3> <h1>Saiba tudo sobre o Google Glass</h1> <h2>Por Gustavo Guanabara</h2> <h3>Atualizado em 23/Abril/2013</h3> </hgroup> <h2>O que é</h2> <p>O <span style="font-weight:900;">Google Glass</span> é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de <i>Project Glass</i>, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeo­con­ferên­cias. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o <em>Google Glass</em> encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório.</p> <figure class="foto-legenda"> <img src="_imagens/glass-quadro-homem-mulher.jpg"/> <figcaption> <h3>Google Glass</h3> <p>Uma nova maneira de ver o mundo</p> </figcaption> </figure> <h1>Data de lançamento</h1> <p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.</p> <h1>Especificações Técnicas</h1> Tabela Técnica do Google Glass Mar/2013 Tela:Resolução equivalente a tela de 25" Camera: 5MP para fotos / 720p para vídeos Conectividade: Wi-Fi/ Bluetooth Memória Interna: 12GB <h1>Como funciona</h1> <p></p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça.</p> <h1>O que você pode fazer com o Google Glasses</h1> <p>O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-<wbr/>humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz.</p> [AQUI ENTRA UM VÍDEO] <h1>Outras Notícias</h1> <h2>Vídeo mais recente</h2> [AQUI ENTRA UM VÍDEO] <h2>Novidades no Glass</h2> <p>O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.</p> <p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.</p> <p>Copyright © 2013 - by Gustavo Guanabara Facebook | Twitter </p> </div> </body> </html> CSS @charset "UTF-8"; body { background-color: white color rgba(0, 0, 0, 1); } p { text-align: justify; text-indent: 50px; } /* Formatação de imagens com legendas */ figure.foto-legenda { border: 8px solid red; } figure.foto-legenda img { width: 50%; height: 50%; } A imagem é essa, porém a borda não fica junta com o lado direito da imagem