CSS no Lanche

Vocês se lembram daqueles cardápios com a lista de pratos servidos nos restaurantes, ou até mesmo aqueles encartes que as pizzarias distribuem com a listagem de pizzas que eles produzem onde as informações contidas são: Nome do prato, valor e lista de ingredientes? Já pensaram em fazer isso com CSS? O site Web-graphics disponibiliza um tutorial ensinando a fazer um menu estilo cardápio de uma forma bem simples. Esse mesmo efeito pode ser aplicado a criação de um prefácio para livros, pois a lógica do tutorial é a mesma para ambos.

Se você tem interesse em aprender a desenvolver um menu desse tipo, vamos utilizar de listas de definição para o desenvolvimento do menu. Observe abaixo a marcação HTML:

<dl>
    	<dt>Nome do prato</dt>
        <dd class="price">Valor</dd>
        <dd class="ingredients">Descrição dos ingredientes</dd>
</dl>

Continuar lendo »

Aqueles que como eu que trabalham com desenvolvimento web sabem o quanto é complicado desenvolver um menu dropdown que além de funcionar em todos os browsers ainda funcione através do teclado, tudo isso sem a utilização de JavaScript ou Hacks CSS.

Mas Michael MacNaughton conseguiu desenvolver um menu desse tipo, que funciona em todos os browsers, inclusive no Internet Explorer 6. O código HTML pode ser visto abaixo:

Continuar lendo »