Como criar um tópico para o seu problema.

[Giovani 104]

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 , 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

[Evandro Oliveira 331]

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".