Ayuda para un NOVATO porfavor....

MeXiCaN_BeAnEr · #1 (**permalink**) 29/06/2009, 20:59

Hola comunidad... soy nuevo en este foro y ya me rpesente... en esta seccion vengo a pedir humildemente auxilio con uds los expertos....

No tengo muchos conocimientos de programacion web.. lo poco que se... lo eh aprendido en un par de dias leyendo manuales y bajando informacion y programas...

Ahora bien mi problema es el siguiente estoy utilizando Dreamweaver 8 para diseñar una web...

al poner una tabla de 1 columna con 3 filas viene mi problema.... (jaja aunque se escuche demasiado estupido)

quiero poner 3 fondos diferentes uno para cada fila o celda... para que estos 3 fondos me hagan una imagen.. ya que los bordes estan en 0...

al previsualizarlo con Firefox.... BINGO!!!... resultado deseaado...

Pero al previsualizarlo con Internet Explorer.... NO APARECE NADA!!!!

WTF!!!!!

no se que hacer... espero alguien me pueda ayudar con mi problema... a continuacion les dejo el codigo HTML...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">

</style></head>

<body>
<table width="190" border="0" align="center" cellspacing="0">
<tr background="Menus/menuarriba.png">
<th width="188" scope="col"> </th>
</tr>
<tr background="Menus/menuenmedio.png">
<th scope="row"><p> </p>
<p> </p>
<p> </p></th>
</tr>
<tr background="Menus/menuabajo.png">
<th height="50" scope="row"> </th>
</tr>
</table>
</body>
</html>

Gracias de antemano!

disweb · #2 (**permalink**) 29/06/2009, 23:38

Yo lo que puedo aconsejarte es que a la par que estás utilizando el Dreamweaver, también te infomés del uso de Divs y CSS en vez de trabajar con las tablas.

Con los divs delimitas tu espacio y con el CSS le indicás cómo lo querés.

Este es un pequeño ejemplo de tu página

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Tutitulo</title>
  <link rel="stylesheet" href="estilo.css" type="text/css" />
</head>

<body>

<div id="contenedor">
    <div id="arriba"> Contenido de arriba</div>
    <div id="enmedio">Contenido de enmedio</div>
    <div id="abajo">Contenido de abajo</div>
</div>

</body>

</html>

Abajo de <title> va el enlace a la hoja de estilos
<link rel="stylesheet" href="estilo.css" type="text/css" />

Esta sería la Hoja de estilos (también solo es un ejemplo):

Código:

#contenedor{
  width: 190px;
}

#arriba{
  background-image: url(Menus/menuarriba.png);
  background-color: #CCFF66;
  height: 30px;
}

#enmedio{
  background-image: url(Menus/menuenmedio.png);
  background-color: #99CC66;
  height: 60px;
  text-align: center;
}

#abajo{
  background-image: url(Menus/menuabajo.png);
  background-color: #009966;
  height: 40px;
  text-align: right;
  color: #FFFFFF;
}

Luego en la hoja de estilos voy poniendo las características que deseo. Por ejemplo, en el Div "abajo" le estoy indicando la imagen de fondo (no tengo la imagen, ni sé su tamaño, es un ejemplo), para ver la diferencia entre un Div y otro les puse diferente color de fondo (background-color), que si usás la imagen de fondo del tamaño del Div no sería necesario, le dí una altura de 40 pixeles, alineé el texto a la derecha y le coloqué blanco al color de texto.

Ronin46 · #3 (**permalink**) 30/06/2009, 16:32

Efectivamente, como te dicen arriba, trabajar con divs es mejor, aparte que forma parte de las recomendaciones de la W3C. Tu problema será que estas usando Dreamweaver y que probablemente lo uses en modo diseño en vez de codificar tu.

No sé si te valdrá, pero en las propiedades de la tabla busca algo que te permita cambiar los siguientes atributos de la tabla:
- cellpadding: especifica la separación entre celdas, para tu caso, ponlo a 0 (OJO: por lo que veo en el código que posteaste esto ya lo tienes.)
- cellspacing: especifica la separación del texto con respecto a los bordes de la celda, en tu caso ponlo a 0

El problema puede ser debido a que el IE igual no pone a 0 esos atributos por defecto.

juaniquillo · #4 (**permalink**) 30/06/2009, 18:10

No me parece que ese sea código de DW ya que no tienes ningún Doctype. DW crea un código parecido a este (en mi caso uso xhtml transitional y codificación unicode)

Código html:

Ver original<!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>Untitled Document</title>
</head>
 
<body>
</body>
</html>