A imagem acima é um screenshot da renderização das 23 letras do alfabeto dispostas em linha e em cores alternadas, vermelha e azul.
Este desafio número 4 consiste em obter a renderização mostrada na figura, usando HTML e CSS.
Se você encontrar a solução mande para mim via mensagem pessoal e não poste a solução nos comentários, para que outros possam tentar. Para cada solução recebida eu postarei nos comentários informando o nome do autor e se a solução está certa.
Dentro de algumas semanas postarei a minha solução.
Ah! não se esqueça que você pode se inscrever para receber email informando quando novos comentários forem postados e assim acompanhar o desafio até a publicação da solução ao desafio.
Você participou e resolveu o desafio anterior?
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
Mas como ficou em ordem alfabética?
será postada a resposta ao desafio?
Cara, esses testes são apenas de estética? Porque semântica passou longe né? Quando vi pensei que fosse pra alternar as cores das letras num texto corrido. Mas se for apenas para efeitos visuais está legal, mas para usar de verdade é furada.
Abraço!
Estamos esperando o próximo...
...
..
.
Resposta do teste:
CSS:
<style type="text/css" media="screen">.corum, .cordois {
font:1.4em "Courier New", Courier, monospace;
position:absolute;
letter-spacing:2.0em;
}
.corum {
color:#00f;
}
.cordois {
color:#f00;
text-indent:1.33em;
}
</style>
HTML:
<div class="corum">acegikmoqsuxz</div><div class="cordois">bdfhjlnpryvy</div>
Nota: Você deve usar uma fonte da família de fontes monoespaçada.
To louco pra ver a resposta.
Podia publicar a resposta, já faz tempo que este teste está no ar.
Abraço.
Pessoas...
Qdo vai ser publicada a resposta desse teste?
Acho que é impossível de se fazer isso....
kkk
E a solução é... ?
Gostaria de a ver publicada!
Cumprimentos
Cara tu tem que olhar esse artigo que tu mesmo fez:
http://www.maujor.com/blog/2006/05/18/dicas-desacreditar-blog/
Maujor, estou besta com seu site. Parabéns! Sorry...(enviei ja outro contato).. sei.. mas estou boba mesmo.
Obrigada e continue que nós agradecemos aqui.