Quem nunca ficou irado ao ter que preencher um formulário e só conseguir clicar em cima da bolinha – radio button – de cada opção para fazer sua escolha? Sim, isso realmente irrita. Para isso que existe o atributo “for” para os nossos form label. Ok, o que seria esse tal de “for”.
Quando criamos um formulário temos que ficar atentos a, no mÃnimo, três tags fundamentais para a marcação correta do form, são elas: <form>, <label> e a nossa famosa <input>.
- <form> – indicará o inÃcio e fim do nosso formulário;
- <label> – irá conter todo o respectivo texto de cada campo do formulário;
- <input> – nosso formulário em si (campo texto, radio buttons etc).
» Continue lendo Formulário utilizando “Label” e o atributo “For”
Comentar tópico (2)
· · · · ·
Antes de mais nada – já é até automatico para mim – iremos zerar todos os elementos possÃveis do html para que possamos obter o mÃnimo de diferença entre os diversos browsers existentes.
Para os que ainda não sabem para que serve, ou nunca ouviu falar sobre CSS Reset, vale a pena ler o post sobre CSS Reset, ou, ler o post da amiga Cléo Morgause.
Então vamos ao que interessa:
* {margin:0;padding:0} /* CSS Reset */
Próximo passo é criarmos as nossas div’s na seguinte ordem: esquerda / direita / centro.
» Continue lendo Layout fluido de 3 colunas com CSS
Comentar tópico (1)
· · · · ·
A propriedade border-collapse tem como objetivo dividir ou não as bordas das tabelas via CSS e possui os seguinte atributos: collapse e separate.
Por padrão, toda tabela renderizada recebe o atributo separate mesmo que não seja especificado no CSS da página, ou seja, cada elemento possui sua própria borda.
Exemplo de tabela com o atributo separate.
<table style="border:solid 1px #00f">
<tbody>
<tr>
<td style="border:solid 1px #0f0">célula 1</td>
<td style="border:solid 1px #0f0">célula 2</td>
<td style="border:solid 1px #0f0">célula 3</td>
</tr>
</tbody>
</table>
| célula 1 |
célula 2 |
célula 3 |
Exemplo de tabela com o atributo collapse.
<table style="border:solid 1px #00f;border-collapse:collapse">
<tbody>
<tr>
<td style="border:solid 1px #0f0">célula 1</td>
<td style="border:solid 1px #0f0">célula 2</td>
<td style="border:solid 1px #0f0">célula 3</td>
</tr>
</tbody>
</table>
| célula 1 |
célula 2 |
célula 3 |
Outras dicas são bem vindas nos comentários 
Comentar tópico (3)
· · · · ·
Hoje iremos aprender como fazer um script para aumentar e diminuir o tamanho da fonte de seu site.
O script é bem simples e fácil de entender, porém temos que definir qual o tamanho padrão que iremos ter em nosso site.
Na maioria dos browsers – se não todos – utilizando 16px como tamanho de fonte padrão, podendo ser alterado pelo usuário caso prefira. Vamos trabalhar com o valor padrão, sem alteração.
Primeiro, iremos definir o tamanho padrão de fonte para o noso site. Optei por 0.69em (11px)
var tam = 69; //número inteiro e tamanho relativo "em"
» Continue lendo Alterando o tamanho da fonte do site
Comentar tópico (2)
· · · · ·
Ontem, 17/09/08, foi realizado no aeroporto Santos Dumont no Rio de Janeiro, o batismo de sua primeira aeronave, um modelo Embraer EMB-190 com o nome de “O Rio de Janeiro continua Azul”.
Com sua primeira aeronave comprada da JetBlue para antecipar o Cheta РCertificado de Homologa̤̣o de Empresa de Transportes A̩reos Рa Azul visa iniciar sua opera̤̣o ainda esse ano.
Comentar tópico
· · · · ·
