No mundo dos navegadores não tem apenas os populares Mozilla Firefox e o Internet Explorer. Existem outros browsers competentes e cheios de recursos para o internauta. Conheça quatro deles logo mais abaixo.
Continuar lendo…
Essa é a primeira matéria de como centralizar o site.
Uma dúvida muito comum para quem está iniciando no mundo do CSS é:
“Como faço para centralizar meu layout com CSS.”
Uma forma de mostrar todo seu layout, sem a barra de rolagem na horizontal e independente da resolução do usuário, é definir uma largura fixa para a DIV que engloba todo o conteúdo e depois centralizá-la na tela. Assim o usuário que acessar seu site com uma resolução maior terá o site centralizado. O usuário que acessar com a resolução definida por você vai ter o site preenchendo toda a tela.
Temos duas formas de centralizar uma DIV:
Vamos a marcação (X)HTML para os exemplos:
(X)HTML:
... <body> <div id=”conteiner”> … Aqui vem o conteúdo da sua página ... </div> </body>
Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.
O Código para representar o bug:
Continuar lendo…
O site browsershots.org é muito útil para desenvolvedores ver como seu site será renderizado em diferentes navegadores. Ao invés de se ter vários navegadores instalados no computador, podemos usar esse site. Para usar o serviço basta digitar o endereço do seu site, escolher algumas opções tais como: JavaScript, flash ativados ou não… e depois clicar em “Submit”. Pronto! Fica aí a dica!
Abraços!
O site snap2objects publicou um artigo muito interessante: Os 10 melhores e os 10 piores sites da Web. São recomendados óculos de proteção para evitarem que suas retinas queimem.
Link: http://www.snap2objects.com/2008/04/18/10-best-and-worst-looking-sites-from-the-web/
Para quem trabalha com Photoshop sabe que o programa nem abre com pouca memória. Não basta instalar 512MB, 1GB, 2GB etc. de memória para iniciar o programa. É necessário dizer ao programa como utiliza – lá.
Para isso faça o seguinte:
Vá ao menu editar > Preferências > Memória e Cache de imagem (Se seu programa estiver em Inglês: Edit > Preferences > Memory & Image Cache)e aumente a memória para o valor desejado. Lembre-se de deixar uns 20% de memória livre para o Windows “respirar”
Mais memória para o Photoshop
Bugs do Internet Explorer 6 são erros que ocorrem na hora da renderização dos elementos devido esse navegador não seguir os padrões web de desenvolvimento. A Microsoft fez uma grande correção na quantidade dos bugs do Internet Explorer 7 e promete que o seu mais novo navegador, o Internet Explorer 8, seja 100% padrões web.
Como a maioria dos bugs concentram-se no Internet Explorer 6, vou apresentar alguns bugs clássicos e suas respectivas soluções desse navegador.
Continuar lendo…
Nesse artigo vou ensinar como configurar um site local e também as informações do seu servidor remoto.
Uma das leis básica do trabalho é a organização.
Através da configuração de um site local, organizamos nossos arquivos e projetos além da facilidade de enviar e atualizar os arquivos no servidor.
Continuar lendo…
Css TypeSet é um conversor de texto para CSS.
È uma ótima ferramenta online, que converte automaticamente em CSS as formatações escolhidas por você, em palavras ou bloco de texto.
Entre as formatações que você pode fazer estão: cor do texto, cor de fundo, espaçamento entre os caracteres e estilos.
Depois de fazer a formatação, é só copiar o CSS é colar na sua folha de estilo.
Link: http://csstypeset.com
Ao declararmos position:relative sozinha não causa nenhum efeito no posicionamento. Se usarmos ela em conjunto com as propriedades top, right, bottom e left, movimenta o bloco de sua posição inicial para uma posição conforme declarado nas propriedades citadas.
O bloco sai de sua posição original e o espaço que ela ocupava é preservado.
Veja o exemplo:
CSS
div#dois {
background: #009900;
position: relative;
left: 60px;
top: 35px;
}
