Vamos ver como funciona o estilo float (style float) e algumas dicas para que ele possa ser utilizado corretamente. Ele serve para dizer onde o elemento vai “flutuar” na página. Isso é usado em elementos do tipo bloco (block – como <div>, <p>, <img> e outros) para faze-lo ficar exatamente onde você quiser, sem precisar [...]
abr 07, 2009 | By: Raoni Novellino | 2 Comments
O estilo overflow do CSS define como o elemento irá se comportar caso o seu conteúdo ultrapasse a sua altura ou largura. O estilo overflow do CSS pode ter os seguintes valores.
Visible
- Esse é o valor padrão, o elemento não faz nada e o conteúdo que ultrapassar o elemento sera escrito fora dele.
Hidden
- Todo conteúdo [...]
mar 28, 2009 | By: Raoni Novellino | 2 Comments
Nesse post vou mostrar como fazer uma janela popup sem que o navegador abra realmente uma nova janela, com a tag div. Isso é bom pois todos os navegadores hoje bloqueiam popup de nova janela, mas é muito díficil ter bloqueado o Javascript, que é o que utilizaremos também para fazer o div aparecer e [...]
mar 21, 2009 | By: Raoni Novellino | 3 Comments
Uma propriedade interessante dos elementos HTML é o display, ele define como o elemento deve ser renderizado (exibido) no navegador. A propriedade display pode ter vários valores, mas aqui vou abordar os mais utilizados e que funcionam na maioria dos navegadores.
Display
O valor da propriedade display pode ser:
inline:
- Esse é o valor padrão para a maioria [...]
mar 17, 2009 | By: Raoni Novellino | 1 Comment
Um menu RollOver é aquele menu que muda alguma coisa quando o mouse passa sobre um item do menu, normalmente muda as cores de fundo, mas pode mudar imagens também. Nesse post vou mostrar o código HTML para gerar o menu e também um pouco de Javascript que precisaremos para fazer a mudança.
Primeiro mostrarei o [...]
mar 17, 2009 | By: Raoni Novellino | 11 Comments
Para entender como uma folha de estilo em cascata (CSS ou Cascading Style Sheet) funciona, você deve estar em sintonia com a sua sintaxe. A sintaxe do CSS não é difícil de entender e aqui vou explicar o básico para você poder ler ou criar uma folha de estilos (CSS).
O Básico
Para definir uma regra CSS [...]
mar 07, 2009 | By: Raoni Novellino | 5 Comments
Na primeira parte vimos como podemos colocar um estilo no nosso documento HTML. Nessa parte vamos ver um pouco de sintaxe do CSS e como utilizar. Para ver a primeira parte entre em: Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 1.
Atribuindo Estilo a Todas as Tags de um Tipo
Para atribuir um estilo [...]
mar 07, 2009 | By: Raoni Novellino | 6 Comments
Um estilo que eu uso muito é o position, ele me permite colocar um elemento exatamente onde eu quero no documento html. Vou explicar a diferença dos valores possíveis do estilo position (static, relative e absolute) e dar um exemplo de funcionamento. Existe um outro valor posível para o estilo position que é o fixed, [...]
mar 03, 2009 | By: Raoni Novellino | 2 Comments