testo su immagine

**marco1970** · 18-11-2005, 01:43

salve,
ho una tabella 1 riga 3 colonne nella centrale ho una foto sulla quale vorri poterci scrivere.
I limiti sono:
- non posso creare la foto con la scritta
- non posso mettere la foto in backgound

Grazie
Marco

**webdemo** · 18-11-2005, 11:03

Originariamente inviato da marco1970
salve,
ho una tabella 1 riga 3 colonne nella centrale ho una foto sulla quale vorri poterci scrivere.
I limiti sono:
- non posso creare la foto con la scritta
- non posso mettere la foto in backgound

Grazie
Marco

devi utilizzare i layer:

codice:

<div id="Layer1" style="position:absolute; left:50; top:50; width:300; height:300; z-index:1">qui metti la foto</div>
<div id="Layer2" style="position:absolute; left:50; top:50; width:300; height:300; z-index:2">qui metti il testo</div>

ciaux

**marco1970** · 18-11-2005, 13:13

grazie ci avevo pensato ma come li metto sempre al centro della pagina a qualsiasi risoluzione?
Grazie
Marco

**marco1970** · 18-11-2005, 13:29

penso di aver risolto con misura 100%
come al solito siete grandi nel trovare soluzioni.
Grazie
Marco

**webdemo** · 18-11-2005, 14:02

Originariamente inviato da marco1970
grazie ci avevo pensato ma come li metto sempre al centro della pagina a qualsiasi risoluzione?
Grazie
Marco

fai così:

codice:

<head>

<style type="text/css">
<!--
div {
	text-align: center;
}
-->
</style>
</head>

<body>

<div id="Layer1" style="position:absolute; width:100%; height:300; z-index:1">qui metti la foto</div>
<div id="Layer2" style="position:absolute; width:100%; height:300; z-index:2">qui metti il testo</div>
</body>
</html>

ciaux

**marco1970** · 18-11-2005, 14:17

sei gentilissimo grazie ...ma vorrei abusare chiedendoti anche:
nel layer 1 ho la foto al centro 756 x 587
nel layer 2 devo inserire 2 tipi di testo il primo allecoordinate 30,500 ed il secondo 50,100 rispetto alla foto.
ovviamente quando si ridimensiona la pagina i testi devono rimanere formattati sulle coordinate della foto
Ti ringrazio ancora
Marco

**webdemo** · 18-11-2005, 15:32

Originariamente inviato da marco1970
sei gentilissimo grazie ...ma vorrei abusare chiedendoti anche:
nel layer 1 ho la foto al centro 756 x 587
nel layer 2 devo inserire 2 tipi di testo il primo allecoordinate 30,500 ed il secondo 50,100 rispetto alla foto.
ovviamente quando si ridimensiona la pagina i testi devono rimanere formattati sulle coordinate della foto
Ti ringrazio ancora
Marco

se crei un layout con width100% non puoi utilizzare coordinate assolute come 30,500 e mantenere allo stesso tempo gli elementi sovrapposti tra i due layer...

puoi però creare i contenuti dei due layer su una giustezza fissa, esempio 800pix, e il tutto si centrerà se il monitor è più grande.

ciaux

**marco1970** · 18-11-2005, 17:19

d'accordo ma così facendo non troverei a qualsiasi risoluzione il tutto al centro

**webdemo** · 18-11-2005, 17:32

Originariamente inviato da marco1970
d'accordo ma così facendo non troverei a qualsiasi risoluzione il tutto al centro

si, se costruisci i due livelli della stessa giustezza, guarda questo esempio:

codice:

</script>
<style type="text/css">
<!--
div {
	text-align: center;
}
-->
</style>
</head>

<body>

<div id="Layer1" style="position:absolute; width:100%; height:300; z-index:1;">
  <table width="600"  border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666">
  <tr>
    <td width="200"></td>
	<td bgcolor="#FF0000" width="200"></td>
	<td width="200"></td>
  </tr>
  <tr>
    <td width="200"></td>
	<td width="200"></td>
	<td width="200"></td>
  </tr>
  <tr>
    <td width="200"></td>
	<td width="200"></td>
	<td width="200"></td>
  </tr>
</table>
</div>
<div id="Layer2" style="position:absolute; width:100%; height:300; z-index:2;">
  
  <table width="600"  border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666">
    <tr>
      <td width="200"></td>
	  <td width="200"><div align="center">qui il testo sopra la foto</div></td>
	  <td width="200"></td>
	</tr>
    <tr>
      <td width="200"></td>
	  <td width="200"></td>
	  <td width="200"></td>
	</tr>
    <tr>
      <td width="200"></td>
	  <td width="200"></td>
	  <td width="200"></td>
	</tr>
  </table>
</div>

</body>
</html>

il <td> rosso simula la foto.

ciaux

Discussione: testo su immagine

Strumenti discussione

Ricerca discussione

Visualizza

testo su immagine

Re: testo su immagine

Permessi di invio