Modifique a ordem de posicionamento de elementos com CSS ‘z-index’.

Para tratar a ordem de posicionamento de um ou mais elementos que estejam se  sobrepondo em seu layout, uma das possibilidades é utilizar o z-indez no seu css.

Basta incluir a ordem em quem o elemento “x”irá ocupar: para a frente (1, 2, 3… depende do número de elementos a serem sobrepostos), no css do elemento que você quer posicionar:


#menu{

position:absolute;
z-index: 1;
}

Outras sintaxes aplicadas ao z-index:
auto: posiciona o elemento seguindo o padrão do elemento-pai.

number: diz a ordem de posicionamento do elemento. Números positivos e negativos.

inicial: volta a posição ao valor inicial.

inherit: herda a posição do elemento-pai.

=> z-index só irá funcionar em elementos que estiverem com posição definida: (position:absolute / position:relative / position:fixed).

aa_Page_0(3)

Anúncios

Como dar espaço entre letras e palavras com CSS

Para dar espaço entre palavras utilizando css, um meio simples é utilizar o seguinte código:

word-spacing: 5px /* pode variar o tamanho conforme necessidade */

Agora veja um exemplo na prática: sem o word-spacing, as palavras no meu menu ficam juntas. Com word-spacing eu consigo um espancamento ideal para que não fique bagunçado e amontoado, sem precisar encher meu HTML de códigos desnecessários.

OBS: a mesma condição se aplica para espaçamento entre letras, basta colocar:

letter-spacing:2px;