Logo Hardware.com.br
philix
philix Super Participante Registrado
946 Mensagens 14 Curtidas

html básico - x e y posicionar em plano cartesiano

#1 Por philix 20/02/2007 - 22:46
Sou "programador" Dephi e não manjo muito html.

Li e segui todos os exemplos deste tutorial de html: http://www.icmc.usp.br/ensino/material/html/

Quero saber se posso colocar textos por cima de imagens, pois quero fazer uma previsão do que será impresso em html.

São carteiras assim:
///////////////////////////////////
/ nome : testo aqui
/
/turno: texto aqui
/
/
/////////////////

digam aí a tag e a noção básica que eu já consigo fazer o armengo
jofrelscalvet
jofrelscalve... Veterano Registrado
1.3K Mensagens 51 Curtidas
#4 Por jofrelscalve...
21/02/2007 - 13:53
O Html não faz isso, o CSS a partir do 2 sim.

<img src="exemplo.gif" style="position:absolute; top:0px; left: 0px; z-index:0">
<div style="position:absolute; top:0px; left: 0px; z-index:1"> Texto de teste que deve aparecer em cima da imagem</div>

z-index é a propriedade que diz quem fica na frente (maior na frente) (teoricamente comportamento só definido pra inteiros positivos)
position: absolute diz que vou usar a posição em relação ao canto da tela, position: relative diria pra usar como referencia o elemento onde a imagem está.
Melhore o futuro do fórum: Diga se a dica funcionou ou conte-nos como conseguiu resolver a sua dúvida!
Se eu errar ou for pouco claro, reclame! Quando possivel eu tentarei melhorar.
philix
philix Super Participante Registrado
946 Mensagens 14 Curtidas
#5 Por philix
22/02/2007 - 19:43
Obrigado jofrelscalvet,

Já entendi e brinquei com o código, se eu fizesse um negócio desses num editor WYSIWYG, ele geraria o código com perfeição?

Pergunto isto porque a uns dias atrás quando comecei a ler sobre o html, fiquei pensando nas vantagens de realmente entender o que quer dizer o código e comentá-lo.
"A Matemática é a ginástica mental necessária na tentativa da compreenssão do universo" Linus Torvalds
© 1999-2025 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal