Diferente imagen de fondo en div de plantilla

[javitxu2010]

Hola,

Soy un chico bastante novato con el Dreamweaver, así que voy a intentar explicaros lo mejor posible mi problema.

La intencion que tengo con la página que estoy haciendo es crear una plantilla con 3 Divs basicamente, uno arriba para el logo o titulo, uno debajo a la izquierda con un menu vertical y el tercero a la derecha del menu donde iran los contenidos.

A cada Div le tengo asignado un estilo CSS, el cual define su tamaño entre otras cosas.

Pues lo que he hecho ha sido guardar esta pagina como una plantilla y he dejado como región editable el 3º Div Contenido, mi problema viene ahora cuando creo una pagina nueva desde esta plantilla y quiero poner de fondo de cada página una imagen de fondo diferente en el Div Contenido, pero si modifico su estilo CSS se me modifica el de la plantilla y todas las demás páginas.

No se si me he explicado bien, pero mi objetivo es crear como plantilla una pagina donde el menu lateral y logo de arriba sea el mismo, pero pueda modificar a mi antojo el Div Contenido en cada página diferente.

Un saludo y gracias a los que me ayudéis de antemano.

[pann84]

Es lo que tiene maquetar con CSS, lo cual creeme es un chollo cuando tienes hecha una web muy grande y quieres cambiar una tontería, pues con tablas tendrías que ir página a página, aquí es un cambio al css y pista.

Si cambias el estilo en el CSS se te cambiará en todas las páginas donde tengas ese class o ese id, no se si me explico.

Si la quieres como plantilla te sugiero que no trabajes sobre la plantilla sino que hagas una copia de la misma para que no se te modifique.

[elbuensaint]

mm la solucion mas facil que veo seria poner el estilo del div de contenido dentro del mismo archivo html, osea que el css tenga los estilos de toda la pagina y divs, excepto el div contenido y ya en cada pagina, pones el estilo del div como lo quieres en cada una

[javitxu2010]

elbuensaint, eso que me dices me cuadra bien, pero el tema es que no se hacerlo.

Anoche enredando, dí con una posible solución, a ver que os parece, ayer cogí y al abrir una nueva página usando como modelo la plantilla creada, y luego lo que hice, fue crear un div dentro del div contenido del mismo tamaño, haciendolo así no influye esto a las demas páginas.

Os parece una solución correcta?

[elbuensaint]

Iniciado por javitxu2010

elbuensaint, eso que me dices me cuadra bien, pero el tema es que no se hacerlo.

Anoche enredando, dí con una posible solución, a ver que os parece, ayer cogí y al abrir una nueva página usando como modelo la plantilla creada, y luego lo que hice, fue crear un div dentro del div contenido del mismo tamaño, haciendolo así no influye esto a las demas páginas.

Os parece una solución correcta?

mm no entiendo muy bien para que crear otro div dentro del ya creado.. mira como te digo yo seria dejar tu css igual, solo quitas el id del contenido (con quitar la propiedad del fondo bastaria) y en el head de cada uno de tus archivos pones esto:

Código:

  <style type="text/css">
#divContenido {
    background:url(urldetuimagen.jpg) }
  </style>

cambiando #divContenido por el nombre de tu div y "urldetuimagen.jpg" por el fondo correspondiente al archivo que estas editando.

[javitxu2010]

Gracias elbuensaint, voy a probar eso que me dices, ya te diré si me funciona bien.

Saludos!

[javitxu2010]

Gracias tio!!!! Funciona!!!

pues no parece que fuese tan dificil, no entiendo muy bien que es lo que he hecho, pero eso que dices tu funciona.

Que significa? que si pongo el estilo donde pone head solo afecta a la página que estas editando en ese momento?

Lo dicho, muchas gracias, da gusto que haya gente dispuesta a ayudar.

Un saludo!

[elbuensaint]

pues si, al ponerlo en el head estas afectando solo a esa pagina... aunque es lo mismo que si hubieras hecho un archivo css para cada pagina, solo con el codigo que te he dado e incluirlo con link, claro que es mucho mas facil tener esa pequeño codigo css en cada head, que crear varios archivos diferentes css...

[javitxu2010]

Entendido, gracias!