Geoweb +Design +Tecnologia +Educação » Html

Personalizando a tag HR pro IE, Firefox, etc..

George Campos — Fri, 24 Jul 2009 16:08:32 +0000

O Internet Explorer 6 que no passado foi um grande browser quando existia apenas o Netscape, hoje é o grande vilão entre designers e programadores. Talvez na época pela falta de profissionalização da área o IE era um sonho, ele aceitava tudo, tags fora de ordem, tags sem fechar, etc.. o IE não tava nem ai e mostrava tudo bonitinho.

Hoje felizmente a web já é mais profissionalizada e reina o xhtml, tableless e css validados e o IE é o grande temor de qualquer webdesigner, já que você tem que se desdobrar pro layout ficar correto nele.

Abaixo um truque pra que a feiosa tag

seja trocada por uma imagem e funcione em qualquer browser.

Esse é o modo tradicional que usava até então mas não funciona no IE.

hr {
  border : 0;
  height : 15px;
  background : url(hr.gif) 0 0 no-repeat;
  margin : 5px;
}

E esse é novo modo que descobri que funciona em todos os browsers inclusive o IE.

hr {
  display : list-item;
  list-style : url(hr.gif) inside;
  filter : alpha(opacity=0);
  width : 0;
}

Descobri no site borgar.net essa solução limpa em css, sem javascripts, jquery, etc..

Removendo acentos, espaços, de um campo de formulário

George Campos — Thu, 25 Jun 2009 17:12:51 +0000

Estava precisando retirar um simples espaço de um campo de formulário de login, que acabava invalidando a configuração correta do formulário, mas queria fazer isso antes de enviar, não queria processar e limpar o formulário depois. Dando uma busca acabei achando uma solução simples e prática pra fazer isso.

Basta usar o simples onkeyup dentro do input com um pouco de regular expression (preciso aprender mais sobre isso) e está tudo resolvido. Abaixo alguns exemplos:

// remove o 'espaço' ao digitar no input text
onkeyup="this.value=this.value.replace(/[' ']/g,'')"

// exemplo completo


// exemplo removendo outros caracteres como acentos

Não é a melhor solução, mas quebra o galho pra algo mais simples.

Codificação de páginas html (special characters)

George Campos — Fri, 22 Feb 2008 14:11:56 +0000

Uma das coisas que muito me preocupa na composição de uma página html, é fazer com que ela seja visível para o maior número de pessoas possível na internet, ao menos que seja compatível.

Um dos pontos chaves para que nosso idioma seja visto/lido de forma correta além das fronteiras de nosso país é fazer com que a página tenha a codificação correta. Para isso basta uma simples mudança ao se criar páginas em html, usar a codificação correta. É muito simples fazer isso basta no topo do html, dentro das tags do da página que tenha o meta certo que é o:

Dessa forma acentos, crases, cedilha, etc.. serão codificadas de forma correta. As letras abaixo serão codificadas conforme o exemplo:

ç » ç
á » á
é » é

Pronto, simples assim. No Dreamweaver basta que vá em Page properties, e em enconding escolha Europeu Ocidental.

Geoweb +Design +Tecnologia +Educação » Html

Personalizando a tag HR pro IE, Firefox, etc..

Leia também

Removendo acentos, espaços, de um campo de formulário

Leia também

Codificação de páginas html (special characters)

Leia também