Diego_Bittencourt

Quanto talento :laugh: Talvez eu não colocaria o destaques, mas enfim, só opinião :B A touquinha ficou muito boa! Hahahaha! Parabéns cara, e sucesso com as próximas versões. PS: Você não tem guardado as versões antigas? Se der, posta aí, só por curiosidade mesmo!

Eu não lembro de ter dito que só acompanho o blog do Henrique e muito menos sigo tudo que ele escreve: eu citei apenas como referência. Ou disse? =/ Isso porque você é bom em interpretação, imagina se não :D Eu não vou nem citar algumas contradições porque não quero que isso se torne uma discussão de 3 páginas, isso seria perder tempo e não chegar a lugar algum. Mas só pra lembrar: em vários artigos do A List Apart, por exemplo, os autores precisaram usar algum tipo de hack para o maldito IE6 (que até no seu lançamento já era considerado desatualizado em sua egine), ou do Maujor (aqui do Brasil). Isso pode ser por que não pensaram antes em outra solução? Não sei, mas ainda sim todos eles são profissionais requisitados pelo o que pude ver, e sempre citados como referência em padrões web, css, e por aí vai. E é claro que é muito bom você nunca ter usado hacks, mas talvez quando precisar de algo um pouco mais complexo (não estou querendo dizer que você desenvolve coisas básicas, tá?) você precise de algo como um Hollyhack, se for por exemplo um layout complexo e tudo mais. De fato, o hack do meu primeiro post eu nunca precisei usar, na verdade, só uma vez, apenas para o IE6, para alinhação de formulários em listas ordenadas (sim, eu uso listas ordenadas para estruturar formulários), sendo que eu já tinha resetado os margins e paddings e mais outras coisas de todos elementos. O IE6 é um lixo de browser, mas como é bastante usado, prefiro que as coisas sejam exibidas na mesma forma que o Firefox, Opera e outros (excelentes browsers que nunca tive problemas, por exemplo), mesmo as que não interferem na funcionalidade, mas de qualquer forma é realmente uma pena ter de usar um artifício especialmente pro IE6, que outros browsers vão ignorar. Por isso, eu até negritei o meu primeiro post agora em "evite de usá-las em excesso" :B Enfim, sem mais discussões, cada um tem sua filosofia de projeto, o que importa são os Padrões web! =)

Boa Hipnos, eu esqueci do !important mesmo (apesar de não ser hack, como você mencionou), que quebra o efeito em cascata. Valeu hein, cara ;), e sobre seu segundo post, concordo plenamente com você! E KaKarotto, provavelmente foi pra mim o post, deixe-me falar uma coisa: o fato de ter postado a dica, não quer dizer que eu saia usando exageradamente, se fosse assim, eu postaria o Holy Hack e outros famosos que rolam por aí. Eu sei o que são padrões web sim, boas maneiras de codificação, e procuro não sair usando "quase sempre sem precisar"! O problema é que existem sim problemas de renderização no IE6 e váááárias coisas ele renderiza errado, e as vezes, quando não houver solução válida, é necessário usar um ou outro hack. Tanto que a própria Microsoft admite que o IE 6 é um lixo e está procurando desenvolver com mais pesquisas relacionadas aos padrões web! Eu só precisei usar hack uma vez em tudo que eu já desenvolvi, eu tentei várias soluções válidas e não deu certo. Eu prefiro estar com o CSS 99% válido do que quebrar um princípio da acessibilidade, já que o IE6 ainda é muito usado (infelizmente). Sobre validação, ele só checa a sintaxe, não a semântica, o porquê de ter usado tal propriedade. Eu estou falando sobre essa questão de validação depois de ler alguns artigos do Henrique do Revolução Etc e alguns blogueiros conceituados. Só pra terminar, o caso que eu citei da margem da div, foi só pra mostrar o * ou _ em algum elemento (apesar de ter citado o div), não quer dizer nada. Acho que você deveria reler e saber interpretar um pouquinho melhor. (:

O recomendado seria o que o Geleiaskt disse mesmo, mas com o menor uso de span possível, por mais que eles em alguns casos sejam úteis, se o texto trata-se de um parágrafo, por exemplo, o melhor seria colocar a classe dentro desse p. E sem center, não é mais recomendado o uso dela. Na minha opinião: <style type="text/css"> .paragrafo-principal { color: #F00; text-align: center; } </style> <p class="paragrafo-principal">Seu texto aqui</p> Ah, e só uma dica, seria bom também não usar classes como "estilovermelho" ou "textocolorido", o recomendado seria nomear a classe de acordo com a função que ela desempenha e não a aparência... pois se mais tarde o "estilovermelho" precisar ficar com a cor verde ou o "textocolorido" ser preto, complica. :laugh:

Estou postando aqui nessa área porque não encontrei tópico específico e é muito importante. (: Se, por exemplo, algum objeto saiu com a margem desalinhada no IE (não é tão difícil acontecer isso, hein ;) div.box { _margin: 5px; } Todos os navegadores irão ignorar essa propriedade, exceto o IE6. div.box { *margin: 5px; } Todos os navegadores irão ignorar essa propriedade, exceto o IE6 e 7. Está aí uma dica que alguns desconhecem. Ah, só pra lembrar, evite de usá-las em excesso, por mais que seja um hack muito bom e o IE um verdadeiro lixo, pois desorganizará seu CSS e vai te confundir =) Mas, não dê ouvidos a quem acha que todo santo CSS bem escrito precisa ser 100% validado pelo W3C, esses hacks obviamente não são validados. Mas vale por aquele site lindo que você fez e que vai rodar perfeitamente em todos os Browsers e tem folha de estilos 99% validada. "O validador de CSS, costuma estranhar algumas declarações de CSS2 e CSS3, estranha alguns hacks antigos para o Internet Explorer e os hacks para o Opera. Por isso não necessariamente uma folha de estilos “validada” diz que você não terá nenhum erro de renderização nem que você é bom em CSS. Não confunda caçarolinha com caçar rolinha! - Revolução Etc

Só pra lembrar, ainda não está errado escrever HTML 4, mas é bom fechar tags como <p> mesmo declarando como HTML 4 no Doctype, por exemplo. E como eu disse, são conceitos básicos os que eu passei, de XHTML. Certamente você tem que aprender mais coisas. Mas em síntese, o XHTML está aí basicamente para esses casos, já que a escrita dele deve ser rigorosa.

XHTML é a extensão do HTML, chama-se eXtensible HyperText Markup Language, há algumas modificações na sintaxe (mínimas, acredite... como <br /> no lugar de <br> ou <input type="text" /> no lugar de <input type="text">), projetado também para trabalhar melhor com XML. Segue alguns conceitos básicos do XHTML: Toda tag deve ser fechada! <ul> <li>Marcador 1 <li>Marcador 2 </ul> Solução ERRADA em XHTML <ul> <li>Marcador 1</li> <li>Marcador 2</li> </ul> Solução CORRETA em XHTML Aspas são necessárias, sempre, em atributos XHTML. Também são necessários fechamentos, mesmo em tags únicas. <input type=text> Solução ERRADA em XHTML <input type="text" /> Solução CORRETA em XHTML Uso de Doctypes de acordo com o documento que você escreveu. Saiba usá-los.

A primeira dica é aprender a codificar conforme os padrões web, vai te livrar de várias tags em desuso (não confundir com tags que são usadas de modo errado, como usam a table pra estruturar layout, por exemplo, que é recomendadíssima para sua única função: estruturar dados tabulares) e mais um monte de coisa. Junto com HTML/XHTML deve-se aprender CSS, já que XHTML é apenas para escrever a estrutura da página (títulos, parágrafos, tabelas, formulários), enquanto CSS é para toda parte visual da página. HTML - http://www.w3schools.com/html/default.asp CSS - http://www.maujor.com/

Em relação ao uso das imagens, só uma coisa, mesmo que a imagem for decorativa (como uma setinha), é recomendado fazer isso: <img src="seta.gif" alt="" /> Mas também, pode ser considerado o uso de image-replacement para esses casos (obviamente, excluindo casos de fotos comuns, como a de um artista, por exemplo, onde é bom o uso da tag img e com alt bem descrito)

Seria bom você saber sobre tableless (aos outros: tá, eu sei que tableless nem sempre é a mesma coisa que um site em conformidade com os padrões web). É interessante, acima de tudo, saber CSS. Lembre-se: XHTML para marcar a estrutura da página (divisões lógicas, títulos, listas, parágrafos, etc.) e CSS para formatação, a parte visual. Se você está iniciando agora, seria bom ler o site do Maujor, com certeza irá achar muitas explicações para seus problemas. Além de aprender técnicas de estruturação de layouts (que atravesse todos os browsers), ainda aprenderá conceitos de acessibilidade, o que é indispensável também. ;)

Na verdade com background também dá, já que está englobando tudo e ficaria até mais fácil caso você usasse algo a mais, economizaria código. Mas background-color também =)

Você pode usar CSS! Olha só um exemplo: * { padding: 0; margin: 0; /* Zerei o margin/padding de todos os elementos */ } body { font: 12px "Trebuchet MS", Arial, Verdana; background: #FFF; color: #000; text-align: center; /* Eu usei o text-align: center; aqui, mas não é necessário para navegadores atuais, só IEca 5 */ } #geral { width: 760px; /* Com 760px de width vai ficar certo tanto em 800 x 600 quanto resoluções superiores, mas você pode trabalhar porcentagem também */ margin: 0 auto; /* Ele vai pegar todo o espaço e dividir por 2, alinhando */ } É só um exemplo, você pode começar a usar esse Div pra englobar tudo! <body> <div id="geral"> </div> </body> Aí você já pode começar a trabalhar os Divs. Espero que tenha entendido e tenha ajudado!

É só aplicar o "Filter: alpha(opacity=100)", nos elementos dentro da DIV. Para o Firefox é só usar: "-moz-opacity: 1.0" e "-moz-opacity: 0.8". Lembrando que são propriedades exclusivas de cada navegador não "reconhecidas" pelo W3C.