CSS posizionamento testo su immagine

**tcaru** · 02-02-2010, 15:27

Ciao,
ho fatto un sacco di prove per posizionare correttamente un testo sopra ad una immagine.
Riesco a farlo come voglio (in basso a sinistra) su FF ma non mi riesce su IE, Safari (altri?).

Il sito è questo: http://stillmotion.tumblr.com/

Qualcuno può aiutarmi, non so più cosa tentare

Grazie comunque
ciao
Tommaso

**miki003** · 02-02-2010, 16:39

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">
<!--
#immagine {
	background: url(immagine.jpg) no-repeat;
	position: relative;
	top: 200px;
	left: 200px;
	width: 200px;
	height: 200px;
}
#testo {
	position: absolute;
	z-index: 2;
	left: 5px;
	top: 180px;
	width: 100px;
	height: 20px;
}
-->
</style>
</head>

<body>
<div id="immagine">
  <div id="testo">Testo Testo</div>
</div>
</body>
</html>

**tcaru** · 08-02-2010, 11:59

Grazie, questa la metto da parte ma purtroppo per ora mi risulta difficile (time spending) applicarla al layout che è strutturato in modo diverso.

Grazie mille.
ciao
Tommaso

Discussione: CSS posizionamento testo su immagine

Strumenti discussione

Ricerca discussione

Visualizza

CSS posizionamento testo su immagine

Permessi di invio