Foros del web, para los que viven de bits

gastro · 20-nov-2007, 11:59

Hola a todos,
estoy haciendo un diseño web con photoshop, lo he terminado y separado con la herramienta sector y el problema es que las tablas me las guarda con imágenes y no se puede escribir encima.¿Hay alguna forma de solucionarlo?

omegafunky · 20-nov-2007, 12:32

veamos hiciste el diseño de una tabla y kieres meterle texto desde el dreamweaver supongo nop? mira eso no se puede, tienes k trabajar el diseño (imagenes) x separado y tu texto, contenido editable y demas x separado, puedes cortar el diseño de tu tabla e irla armando en el editor pero sera algo un tanto laborioso, saludos

gastro · 20-nov-2007, 13:16

Bueno, ya lo solucione, poniendo la imagen de cada celda de fondo, pero ahora tengo el problema, de que cuando quiero mover una celda se me deforman todas las demas.¿Hay alguna forma de independizararlas?

Ahi esta el codigo de la pagina por si hace falta:

Código:

<html>
<head>
  <title>todo</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0"
 style="background-color: rgb(255, 255, 255); background-image: url(Images/todo_01.gif);"
 marginheight="0" marginwidth="0">
<!-- ImageReady Slices (todo.psd) -->
<table id="Tabla_01" border="0" cellpadding="0"
 cellspacing="0" height="1001" width="901">
  <tbody>
    <tr>
      <td colspan="9"> <img src="Images/todo_01.gif"
 alt="" height="58" width="842"></td>
      <td rowspan="14"> <img src="Images/todo_02.gif"
 alt="" height="1000" width="58"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="58" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td rowspan="13"> <img src="Images/todo_03.gif"
 alt="" height="942" width="64"></td>
      <td colspan="3"> <img src="Images/todo_04.gif"
 alt="" height="98" width="564"></td>
      <td> <img src="Images/todo_05.gif" alt=""
 height="98" width="88"></td>
      <td> <img src="Images/todo_06.gif" alt=""
 height="98" width="16"></td>
      <td colspan="2"> <img src="Images/todo_07.gif"
 alt="" height="98" width="89"></td>
      <td> <img src="Images/todo_08.gif" alt=""
 height="98" width="21"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="98" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="1" rowspan="8"
 style="text-align: center;" alt=""
 background="Images/todo_09.gif" height="56" width="194"><img
 style="width: 96px; height: 49px;" alt=""
 src="Images/menu.gif"><br>
      <br>
      <img style="width: 129px; height: 31px;" alt=""
 src="Images/quienes_somos.gif"><br>
      <br>
      <img style="width: 128px; height: 30px;" alt=""
 src="Images/cursos_de_cata.gif"><br>
      <br>
      <img style="width: 72px; height: 30px;" alt=""
 src="Images/enlaces.gif"><br>
      <br>
      <img style="width: 128px; height: 24px;" alt=""
 src="Images/otros_servicios.gif"><br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </td>
      <td rowspan="10" alt=""
 background="Images/todo_14.gif" height="732" width="88"></td>
      <td colspan="4" rowspan="2" alt=""
 background="Images/todo_14.gif" height="74" width="416"></td>
      <td colspan="2" rowspan="10" alt=""
 background="Images/todo_14.gif" height="732" width="80"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="56" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="18" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center;" colspan="4"
 rowspan="1" background="Images/todo_14.gif"><span
 style="font-weight: bold; text-decoration: underline;">Bienvenidos
a Gozav&iacute;n</span></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" rowspan="1"
 background="Images/todo_14.gif"><br>
      <div style="text-align: center;"><span
 style="font-style: italic;">Bienvenidos a la
p&aacute;gina oficial de Gozav&iacute;n</span><br>
      </div>
      <br>
      </td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" rowspan="5" alt=""
 background="Images/todo_14.gif" height="562" width="416"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="43" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="68" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td alt="" background="Images/todo_09.gif"
 height="59" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td alt="" background="Images/todo_09.gif"
 height="65" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td rowspan="2" alt=""
 background="Images/todo_09.gif" height="423" width="194"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="327" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" alt=""
 background="Images/todo_14.gif" height="96" width="416"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="96" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="8"> <img src="Images/todo_20.gif"
 alt="" height="50" width="778"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="50" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="8"> <img src="Images/todo_21.gif"
 alt="" height="62" width="778"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="62" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="64"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="194"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="88"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="282"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="88"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="16"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="30"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="59"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="21"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="58"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

omegafunky · 20-nov-2007, 15:32

bueno ese es un lio trabajar con celdas jejeje yo x eso trabajo con tablas dentro de las celdas

gastro · 21-nov-2007, 13:05

Y no hay ninguna forma de ponerle un tamaño fijo a las celdas para k no se deformen¿?

bernardo · 22-nov-2007, 03:46

Buenas para empezar en el diseño de páginas web no está mal este método, pero sinceramente, te recomiendo que dejes las tablas y maquetes la web con CSS.

Al principio te costará, pero es mucho mejor, el código es más limpio...

Nestea_Zen · 23-nov-2007, 02:35

Pregunta, ¿alguien tiene experiencia con PHP y <div>?

bernardo
Tablas son más complicadas que <div>. :) O cuestan más trabajo.

omegafunky · 23-nov-2007, 10:05

checa esto para que te des una idea y ya me dices si te ayudo y ps con php puedes usar de todo, recuerda k php solo es un lenguaje para mandar y traer datos, mi sugerencia es k te vayas metiendo al CSS salududo y checa los links k te dejo suerte

link1
link2
link3

20-nov-2007, 11:59	#1 (permalink)
gastro Fecha de Ingreso: enero-2006 Mensajes: 35	Diseño web con photoshop Hola a todos, estoy haciendo un diseño web con photoshop, lo he terminado y separado con la herramienta sector y el problema es que las tablas me las guarda con imágenes y no se puede escribir encima.¿Hay alguna forma de solucionarlo?

20-nov-2007, 12:32	#2 (permalink)
omegafunky Fecha de Ingreso: diciembre-2003 Ubicación: Tabasco, Mexico Mensajes: 3.478	Re: Diseño web con photoshop veamos hiciste el diseño de una tabla y kieres meterle texto desde el dreamweaver supongo nop? mira eso no se puede, tienes k trabajar el diseño (imagenes) x separado y tu texto, contenido editable y demas x separado, puedes cortar el diseño de tu tabla e irla armando en el editor pero sera algo un tanto laborioso, saludos __________________ Intel Core 2 Duo E6600 2.40GHz \| ASUS P5K SE \| 2GBs DDR2 800Mhz \| ATI Radeon HD 2600XT 256MB DDR3 \| 320GB Seagate SATA II

20-nov-2007, 15:32	#4 (permalink)
omegafunky Fecha de Ingreso: diciembre-2003 Ubicación: Tabasco, Mexico Mensajes: 3.478	Re: Diseño web con photoshop bueno ese es un lio trabajar con celdas jejeje yo x eso trabajo con tablas dentro de las celdas __________________ Intel Core 2 Duo E6600 2.40GHz \| ASUS P5K SE \| 2GBs DDR2 800Mhz \| ATI Radeon HD 2600XT 256MB DDR3 \| 320GB Seagate SATA II

21-nov-2007, 13:05	#5 (permalink)
gastro Fecha de Ingreso: enero-2006 Mensajes: 35	Re: Diseño web con photoshop Y no hay ninguna forma de ponerle un tamaño fijo a las celdas para k no se deformen¿?

22-nov-2007, 03:46	#6 (permalink)
bernardo Fecha de Ingreso: junio-2003 Mensajes: 819	Re: Diseño web con photoshop Buenas para empezar en el diseño de páginas web no está mal este método, pero sinceramente, te recomiendo que dejes las tablas y maquetes la web con CSS. Al principio te costará, pero es mucho mejor, el código es más limpio... __________________ Webramientas: Herramientas Online Webcams

23-nov-2007, 02:35	#7 (permalink)
Nestea_Zen Fecha de Ingreso: noviembre-2007 Mensajes: 2	PHP y <div> Pregunta, ¿alguien tiene experiencia con PHP y <div>? bernardo Tablas son más complicadas que <div>. :) O cuestan más trabajo.

23-nov-2007, 10:05	#8 (permalink)
omegafunky Fecha de Ingreso: diciembre-2003 Ubicación: Tabasco, Mexico Mensajes: 3.478	Re: Diseño web con photoshop checa esto para que te des una idea y ya me dices si te ayudo y ps con php puedes usar de todo, recuerda k php solo es un lenguaje para mandar y traer datos, mi sugerencia es k te vayas metiendo al CSS salududo y checa los links k te dejo suerte link1 link2 link3 __________________ Intel Core 2 Duo E6600 2.40GHz \| ASUS P5K SE \| 2GBs DDR2 800Mhz \| ATI Radeon HD 2600XT 256MB DDR3 \| 320GB Seagate SATA II

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Modo lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado