Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Você que é novato em fóruns, aprenda a criar tópicos na seção. Este mini-tutorial irá lhe ensinar isto.
Ao acessar a seção Webstandards: CSS / XML / XHTML faça o seguinte:
1. Clique em /applications/core/interface/imageproxy/imageproxy.php?img=http://www.paulodetarso.com/imasters/botao-novo-topico.png&key=4b3e09b6371664d21bb33a7d1d2cce7831c7e2bfcc8ae26ddf228b4f453e5e01" alt="Imagem Postada" class="bbc_img">, localizado abaixo e à direita da tela;
2. Abrir-se-á uma janela solicitando Título e Descrição do Tópico.
Preencha os espaços, mas não utilize **Títulos Chamativos**, tais como: **Socorrooooo!, ME AJUDEM!, aiiii meu DEUS!!!**. Seja sensato. Coloque um título capaz de resumir o seu problema;
**3.** Na **janela maior** descreva o problema de maneira sucinta ou, **de preferência**, poste um **link** para o seu site/projeto; Se não tiver link, poste o **código** onde esta ocorrendo o problema;Caso você tenha postado um link, especifique onde está o seu problema.
4. Feito isto, clique no botão Postar novo tópico, localizado abaixo e à esquerda de Visualizar post.
Pronto! O seu tópico terá sido criado. Agora basta aguardar a ajuda de um Moderador ou um Membro mais experiente.
Lembre-se: seja paciente.
Abraços a todos.
------------------------------------------------------------------
Agradecimentos especiais ao criador deste pequeno tuto.
Obrigado JGarcia
Informações adicionais com autorização do autor:
Algumas medidas prévias podem ser tomadas para agilizar o estudo de caso e rastreamento de erros:
1 - Adicione um DOCTYPE
Muitas diferenças entre navegadores decorrem na forma como eles renderizam as páginas por padrão. A utilização de um DOCTYPE tem por fim normatizar a forma como distintos navegadores renderizam o conteúdo.
- Lista de DOCTYPE's válidos
- Como escolher o DOCTYPE de forma correta
2 - Valide a marcação
É perfeitamente comum cometer erros de digitação e esquecer de fechar este ou aquele elemento em marcações mais extensas. Validar a marcação ajuda a encontrar estes tipos de erros e verificar se você utiliza os elementos em conformidade com os padrões, garantindo sintonia com o DOCTYPE escolhido.
- Validador oficial
- A importância de validar a marcação e CSS
3 - Valide a folha de estilos
A maioria dos estilos/efeitos podem ser alcançados com algum conhecimento em CSS. Hacks e tags proprietárias fogem aos padrões gerando dor de cabeça para unificar novamente as características do site em vários navegadores. A recomendação é que o CSS principal seja complacente com os padrões e seja validado. Então, uma folha CSS adicional é criada contendo os hacks e efeitos proprietários. Esta última, obviamente, não será validada pelo serviço.
- Validador oficial de CSS
- Tutorial sobre hacks CSS
- Visão geral de propriedades-prefixadas (em inglês)
4 - Utilize um CSS Reset
A funcionalidade do CSS reset é a mesma do DOCTYPE. Normatizar elementos. A diferença aqui é que o alvo agora é o estilo dos elementos. Espaçamentos, bordas, margens e fontes são convertidas para o mesmo padrão, permitindo que possamos partir sempre do mesmo ponto, garantindo que este ponto seja igual em todos os navegadores.
- CSS Reset do Eric Meyer. O CSS reset mais conhecido e usado pelos desenvolvedores. (Inglês)
- CSS Reset do Yahoo! (Inglês)
- Redefinindo suas folhas de estilo com CSS reset. (Inglês)
- Conheça e use o CSS Reset.
- 10 Técnicas de CSS Reset.
- Porque usar CSS Reset.
5 - Postar a marcação gerada
Muitas vezes, a marcação vem de uma linguagem server-side como PHP, ASP e JSP. Quem pretende lhe ajudar pode não ter disponível para testes a tecnologia (ou definições) que você tem no seu site. Para postar a marcação necessária, exiba a página no navegador e mande exibir o código fonte (atalho padrão CTRL + U).
6 - Postar uma versão online do site
Fica mais fácil localizar e depurar erros quando podemos apenas utilizar nossas ferramentas de desenvolvedor em um sistema pronto. O navegador Opera ainda possui um sistema de edição on-the-go que permite que modificações sejam testadas no mesmo ambiente online.
7 - Explicar com imagens
Poste imagens do site mostrando onde está o erro e uma outra imagem explicativa de como deveria ser o efeito desejado. Lembre-se: "uma imagem vale mais que mil palavras".