Letra posicionada por cima de um link

[salvadus 0]

Bom dia galera!

Não sou muito bom com CSS, mais acho que ele pode resolver um problema que eu tenho.

Ao fazer um site um site para uma pessoa, ele me pediu algo meio diferente.

Ele gostaria que uma letra aparecesse em cima de outra letra de uma palavra selecionado por ele.

entenderam??? Noo... vou esplicar melhor, mais vou informar antes o que já fiz.

 

 

Parte do que ele queria eu consegui com Javascript.

Criei uma caixa de texto onde ele insere o conteúdo que vai para o site.

Quando ele digita uma palavra. Exemplo: CACHORRO, ele com o mouse seleciona as palavras "CA", E clica em um botão para

marcar o que foi selecionado com a letra que ele deseja, tipo "letra C", aí o javascript refaz a palavra e retorna para a caixa de texto

esta palavra com um link onde foi selecionado. Exemplo: <a href="#" class="posicao" id="c">CA</a>CHORRO.

 

MINHA DIFICULDADE.

Como faço agora, com css, utilizando a classe "posição", para que a letra C aparece por cima do link?

exemplo abaixo:

 

C

CACHORRO.

 

Quem puder ajudar, mande sua ideia aí!

valeu galera!

 

 

 

[L. Henrique 179]

Pesquise por positions.

.classe {
   position: absolute;
   top: 0;
   left: 0;
}

[ustogo 1]

Eu acho que isso daí vc faz com jQuery facilmente. Tem função pra tudo isso que vc quer.

[L. Henrique 179]

Eu acho que isso daí você faz com jQuery facilmente. Tem função pra tudo isso que você quer.

Ahn? Qual seria a vantagem do jQuery em algo que se remete a estilização e posição de elementos? Isso tem por padrão ser feito via CSS.

 

Estude um pouco sobre CSS e evite carregar scripts desnecessários.

• CSS Level 2.1: http://www.w3.org/TR/CSS21/
• CSS Level 3: http://www.w3c.br/Cursos/CursoCSS3
• CSS Level 4: http://www.w3.org/TR/selectors4/