Duda sobre fondo en Dreamweaver.

nachotator · 8 Ene 2009, 23:42 · Solicitar retirada

Hola compañeros. Me gustaria que alguien me diga de que manera puedo poner un fondo en una tabla de una celda que este pegado en la parte superior y en los laterales. Como creo que no se explicarme os enseñare ejemplos, lo que quiero es hacer un especie de fondo para mi titulo similar al de esta web http://www.spatorrent.com en la que tiene el titulo y luego el fondo azul pero no se ve el fondo negro que hay el resto de web. A mi me ha salido de la manera en la que esta en la web de mi firma www.disenyoweb.com.

Alguien me puede decir como se hace?

Gracias y un saludo.

Anlomaca · 12 Ene 2009, 21:32 · Solicitar retirada

Hola, para ponerle fondo a una celda con dreamweaver:
1-Selecciones la celda
2-Le das a propiedades (está abajo)
3-Pincha en en el cuadrado blanco a la derecha de "Fnd"
4-Seleccionas el color de fondo que quieras

nachotator · 12 Ene 2009, 22:12 · Solicitar retirada

Gracias por contestar. Ya se como poner el fondo a la celda pero el problema es que cuando pongo un fondo en "body" para poner un color de fondo en la parte general de la web y quiero otro fondo en una celda en concreto se ve que un fondo esta sobre otro por que daje margenes en los laterales y arriba de la celda y yo no quiero que se vean esos margenes. Ya he probado poner todos los margenes a "0".

Un saludo.

Anlomaca · 13 Ene 2009, 21:55 · Solicitar retirada

Hola de nuevo. He estado probando con dreamweaver lo que me dijiste.
Puede que esos margenes que te salen no sean los del fondo, sino el grosor de la tabla. En la ventana que te sale para configurar la tabla cuando la vas a crear, pon cero donde pone: ancho de tabla, relleno de celda y espacio entre celdas.
Espero noticias.
Un saludo

nachotator · 14 Ene 2009, 00:31 · Solicitar retirada

Gracias por tu interes y por ayudarme.

El caso es que lo he hecho como has dicho y sigue sin salir como quiero.

En el Dreamweaver al poner la tabla con el color de fondo y otro color distinto el resto de la pantalla me ha salido este codigo:

<!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 sin título</title>
</head>

<body bgcolor="#0000FF">
<table bgcolor="#FF0000" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

Es una tabla con 3 celdas en donde toda la tabla tiene un color de fondo y he puesto a 0 todo lo que me has dicho como puedes ver pero me sale asi:

[contenido no disponible]

Osea que como puedes comprobar siguen saliendo esos margenes donde se ve el fondo del resto de la página.

Espero respuesta por si tienes la solucion.

Un saludo.

MzStudios · 14 Ene 2009, 01:04 · Solicitar retirada

Bueno, realmente... lo que tratas de hacer, creo que no se puede.... por las propiedades de una tabla, pero aqui te dejo algo que podria serte util, lo que hize fue una capa a la que llame global, dentro d ela cual meto las tablas que necesitabas...

<!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 sin título</title>
<style type="text/css">
<!--
#global {
	position: absolute;
	height: 312px;
	width: 100%;
	left: -1px;
	top: -2px;
	right: auto;
	bottom: auto;
	background-color: #FF0000;
}
-->
</style>
</head>

<body bgcolor="#0000FF">
<div class="global" id="global">
  <table width="100%" height="304" border="0">
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>

nachotator · 14 Ene 2009, 10:16 · Solicitar retirada

He insertado tu codigo en el dreamweaver y eso es justo lo que queria!!!!

He mirado el estilo "global" y al parecer lo qque hace que haga lo que quiero es un div con posicion absoluta.

Es que lo de posicion absoluta nunca me ha quedado claro para que servia y nunca lo he utilizado.

Muchisimas gracias por la ayuda, me has solucionado mi problema.

Un saludo.

P.D.: Anlomaca cuando puedas contestame al MP.

nachotator · 14 Ene 2009, 13:06 · Solicitar retirada

Una cosa más. resulta que estoy haciendo pruebas y me he dado cuenta que si adjunto una hoja de estilos (en un archivo css a parte) y le pongo la posicion absoluta en esa css y la adjunto al html no me hace caso pero si pongo los estilos en el html (como me lo has puesto) si que hace caso.

Alguien sabe por que?

Un saludo.

Mc.PinKy.18 · 19 Ene 2009, 02:47 · Solicitar retirada

no enlazas bien el archivos css o si no as puesto ya un estilo recuerda que CSS significa hojas de estilo en cascada de arriba abajo y de izquierda a derecha osea que el estilo q este mas cerca siempre lleva importancia a menos que uses otras cosas avanzadas como !important que no viene al caso pero bueno proba no poner estilos en el html