Texto e imagens no mesmo parágrafo

Se você receber (ou conceber) um layout de uma ou várias páginas com uma sitaução como abaixo, ou seja, texto junto com imagem, imagem ora para a direita, ora para esquerda. O que você faz ? Cria uma div para cada uma das imagens e sai floatando para tudo que é lado ? Coloca as imagens dentro de divs dentro dos parágrafos e depois vai receber aquela mensagem do validador…. document type does not allow element “div” here; missing one of “object”, “applet”, “map”, “iframe”, “button”, “ins”, “del” start-tag… desiste de tudo e vai assistir a Luciana Gimenez entrevistar a filha da Gretchen e volta a fazer layouts com Front Page e tabelas ???

Continuar lendo Março 28th, 2007

Ainda sobre layout de três colunas

No artigo Sua primeira vez com XHTML e CSS criei um layout de três colunas que usava a propriedade float com o valor left para posicionar as colunas (divs). Nesse artigo vou usar um método diferente para conseguir o mesmo resultado.

Continuar lendo Março 27th, 2007

Problemas com o seu speedy ? Salve-se se puder…

o que vou contar aqui não deve ser novidade para muitos de vocês, mas, se não passaram por isso… rezem… rezem muito para não passar. Depois de quase um mês literalmemente implorando pelo suporte do speedy, na última sexta parece que a coisa foi resolvida.

Devo usar o speedy há uns três anos e, nesse período, por incrível que pareça, não me lembro de um problema sério e que tivesse durado tanto tempo. Me peguei revoltado todos esses dias de suplício por ter de depender dessa conexão, de não poder ter recorrido a qualquer outro fornecedor porque onde moro não chega nenhum tipo de conexão. Calma… não moro onde Judas perdeu as botas… juro…. estou na rodovia Anhanguera entre São Paulo e Jundiaí, mas… conexão de banda larga só via speedy e tv por assinatura só Sky. Isso… ou a rede telefônica ou o satélite.

Continuar lendo Março 25th, 2007

Vídeo Tutorial #2 - Implementando um layout

Olá gente, como havia prometido no início da semana, está disponível o segundo vídeo tutorial do semêntico. Ele trata da implementação de um CSS para uma página interna do site http://www.wscontabilidade.com.br. Espero que aproveitem o conteúdo.

Até o próximo.

Março 15th, 2007

BarCamp em São Paulo

Hoje pela manhã li o artigo Quem vai ao BarCamp em São Paulo ? escrito pelo Bruno Torres e resolvi replicá-lo aqui no Semântico. Já me inscrevi, mas só não sei se vai dar pra tomar aquele choppinho porque estou tomando remédio para o estômago (é…. isso mesmo…. semana passada fiquei internado ! é mole ?!). Por conta dessa internação acabei não gravando o vídeo tutorial da produção de um layout do site de um amigo meu.

O site é o http://www.wscontabilidade.com.br que tem pouquíssimo conteúdo e foi um dos primeiros que produzi usando os padrões. Como o layout estava muito, muito feio (acho que esse melhorou consideravelmente…), resolvi fazer esse novo e registrar em vídeo tutorial que devo disponibilizar ainda amanhã.

É isso… até mais v.

Março 13th, 2007

Sombra com CSS

É comum vermos em sites, que usam ou não web standards, o efeito sombra. Vi uma sombra dia desses num site por aí e achei interessante como foi feita. Resolvi tentar fazer e agora quero compartilhar o resultado.

Continuar lendo Março 2nd, 2007

Como vender Web Standards ?

Ok, você está aprendendo sobre os padrões da web, comprou livros, está fazendo cursos, jogou aquele livro do Front Page (acho que exagerei nessa…) fora e o removeu definitivamente da sua máquina, xinga as tabelas de demônio, já está olhando meio torto para Dreamweaver, pinta e borda, etc.

Continuar lendo Fevereiro 17th, 2007

Sua primeira vez com XHTML e CSS - Continuação - Inserindo topo e rodapé

Esse artigo é a continuação do Sua primeira vez com XHTML e CSS e, por isso, se você fez a leitura dele, recomendo que faça para poder entender melhor os passos que daremos agora.

No artigo anterior trabalhamos o xhtml e o css para construir um layout com três colunas conforme a idéia abaixo:

layout de 3 colunas

Continuar lendo Fevereiro 8th, 2007

Sua primeira vez com XHTML e CSS em 4 passos

Você quer colocar a mão na massa e montar sua primeira página com a dobradinha XHTML e CSS ? Então vamos lá. Montei quatro arquivos que, na realidade, servirão como quatro passos para alcançarmos o resultado. Primeiramente vou resumir o conteúdo dos arquivos:

1. O XHTML possui uma div, um cabeçalho H1 que é o título do site e um parágrafo. O CSS formata apenas esse elementos da página, ou seja, não há classes ou IDs. As regras do CSS não possuem abreviações, estão “cheias”.
2. Tudo igual ao primeiro arquivo, mas o CSS foi resumido que é para você perceber o quanto pode diminuir o seu código.
3. Divs foram criadas e receberam IDs, mas as regras dos IDs não foram criadas ainda.
4. Criadas as regras para as IDs. São regras que controlam o posicionamento e outras características das divs e fim.

Vamos ver agora o código de cada um deles comentados em seguida:

Continuar lendo Fevereiro 4th, 2007

menos div, mais semântica (mas pode ser: a semântica da caixinha…)

Observe a caixinha que segue e que tem o seguinte código:

Continuar lendo Janeiro 27th, 2007