DESAFIO ENCERRADO Confira as soluções.
Leia com atenção o post. Soluções contrariando qualquer item do post não serão consideradas.
Vamos fazer este desafio focado para um “exercício de aprendizado e lazer”, deixando de lado as considerações de acessibilidade, uso na prática ou mesmo utilidade do exercício. Assim o objetivo é exercitar suas habilidades com CSS, procurando uma solução com uso da marcação HTML fornecida.
Este desafio consiste em posicionar duas imagens nas laterais de um site hipotético com 600px de largura, mas ao redimensionar a tela, não poderá aparecer barra de rolagem horizontal antes que a redução da largura da tela atinja os 600px. O resultado final deve ser uma renderização como mostrado nestas figuras. Atenção para a margem superior igual a zero!
Download do HTML e imagens para o Desafio
h1. Substitua o texto existente (“Digite seu nome aqui”) pelo seu Nome e Sobrenome (se colocar links, @s, apelidos, etc; será desclassificado);Putz! Cada regra boba Maujor! É, mas elas visam a facilitar meu trabalho de análise e publicação dos resultados. Por exemplo: arquivo com o nome do autor facilita identificar instantaneamente quem enviou. Colocar .html no lugar de .htm facilita montar a navegação pelos trabalhos. Padronizar para facilitar.
Alguma dúvida? Poste nos comentários.
Se você encontrar a solucão mande via email um arquivo gravado com o Seu_Nome.html (por exemplo: Jose_da_Silva.html) para maujorcss[arroba]maujor[ponto]com. E, não poste a solução nos comentários, para que outros possam tentar.
Coloque no Assunto do email que você enviar-me com a solução proposta a palavra: desafio12 (exatamente assim: desafio12).
Dependendo da quantidade de soluções recebidas decidirei quando postar a solução e informar os autores com solução certa.
Ah! não se esqueça que você pode se inscrever para receber email informando quando novos comentários forem postados nesta matéria e assim acompanhar o esclarecimento de eventuais dúvidas surgidas, a publicação dos nomes de autores com solução certa e o resultado final.
Divirta-se!
Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…
Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…
Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…
HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…
Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…
Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…
View Comments
Desafio encerrado
Relação dos autores que apresentaram a solução certa:
Alexandre Oliveira;
Cláudio Sambuichi;
Erik Wilder de Oliveira;
Giovanni Pires da Silva;
Júlio Greff;
Luiz Tiago de Oliveira.
O autor Abdias Cleison (centrou os textos Lorem ipsum) e a autora Daniela Alves (não capitalizou o nome do arquivo) acertaram a solução, mas foram desclassificados por infringir as regras.
Ver soluções neste link