Agregar texto sobre imagen (Dreamweaver)

isma01 · #1 (**permalink**) 03/09/2009, 18:57

He creado una pagina web en photoshop y ahora la quiero pasar a dreamweaver y la subo pero cuando quieo agregar texto en una imagen e que predeterminado en photoshop osea que la e divido para que sea como ''el cuadro de texto'' pero no se como introducirle el texto me ayudan por favor, gracias de antemano y lo necesito gracias, se me ha complicado mucho y he perdido trabajos por eso :s

visitante28 · #2 (**permalink**) 04/09/2009, 10:03

bueno isma

yo lo que ago es poner una divicion le agrego una imagen como fondo y solo le pones el texto dentro de la divicion..

<div style="background: url(fondo.gif)">
<p> texto sobre el fondo </p>
</div>

de esta manera le puedes agregar texto a a una imagen o la otra opcion es que agas la imagen con texto en photoshop y solo lo agregas como fondo...

saludos.

isma01 · #3 (**permalink**) 04/09/2009, 13:03

pero donde lo debo poner mira mi codigo
[lo que esta en negrita esa es la imagen]

Código:

<html>
<head>
<title>CampascacioWebDesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url(im%C3%A1genes/background.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">

  <!-- ImageReady Slices (CampascacioWebDesign.psd) -->
  <table width="960" height="1024" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabla_01">
    <tr>
      <td colspan="5">
        <img src="im%e1genes/CampascacioWebDesign_01.gif" width="960" height="215" alt=""></td>
      </tr>
    <tr>
      <td colspan="5">
        <img src="im%e1genes/CampascacioWebDesign_02.gif" width="960" height="51" alt=""></td>
      </tr>
    <tr>
      <td colspan="5">
        <img src="im%e1genes/CampascacioWebDesign_03.gif" width="960" height="15" alt=""></td>
      </tr>
    <tr>
      <td rowspan="2">
        <img src="im%e1genes/CampascacioWebDesign_04.gif" width="14" height="743" alt=""></td>
	    <td>
	        <img src="im%e1genes/CampascacioWebDesign_05.gif" width="176" height="548" alt=""></td>
	    <td rowspan="2"><h1><strong><img src="im%e1genes/CampascacioWebDesign_06.gif" width="580" height="743" alt=""></strong></h1></td>
        
	    <td>
	        <img src="im%e1genes/CampascacioWebDesign_07.gif" width="176" height="548" alt=""></td>
	    <td rowspan="2">
	        <img src="im%e1genes/CampascacioWebDesign_08.gif" width="14" height="743" alt=""></td>
    </tr>
    <tr>
      <td>
        <img src="im%e1genes/CampascacioWebDesign_09.gif" width="176" height="195" alt=""></td>
	    <td>
	        <img src="im%e1genes/CampascacioWebDesign_10.gif" width="176" height="195" alt=""></td>
      </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html>

Gracias

triskell · #4 (**permalink**) 09/09/2009, 05:25

Simplemente cambia

Código:

<td rowspan="2"><h1><strong><img src="im%e1genes/CampascacioWebDesign_06.gif" width="580" height="743" alt=""></strong></h1></td>

por

Código:

<td rowspan="2" background="im%e1genes/CampascacioWebDesign_06.gif" width="580" height="743"><h1><strong>Incluye aquí el texto</strong></h1></td>

Jime25 · #5 (**permalink**) 13/09/2009, 19:06

No sé cómo se hacen páginas web en Photoshop, pero tal vez te sea de ayuda:
yo inserto una tabla, de fondo de celda le pongo la imagen y listo,
ya puedo escribir sin problemas arriba de una imagen...
y si no quiero que se vean los bordes, le pongo de ancho de borde 0 y ya está.
Saludos,