index amoldada a la resolución

Citar

Escrito el 19 Sep 2006 04:53 pm

buenas,
tengo q preparar una página index en html.
Tengo la imagen troceada y montada en dreamweaver, pero me gustaría hacer que una franja q sale en la parte superior de la imagen, se amolde a la resolución de la pantalla.
Es decir, la imagen está pensada para 1024 x 768 y si la resolución es más grande, q la franja se alargue.

Algún consejo??
gracias

Por xelson

77 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Citar

Escrito el 19 Sep 2006 08:13 pm

Código :

<body>
   <div class="franja"></div>
   <div class="imagen">
      <img src="make.jpg">
   </div>
</body>

/*css*/
.franja {
      width: auto;
      height: 2em;
      background: #CCC;
   }

y si no quieres un color por código, puedes poner una imagen del alto que quieras y de 1px o un poco más, y en tu CSS pones:

Código :

.franja {
      width: auto;
      height: 2em;
      background: #CCC url(imagen.jpg) repeat-x;
}

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Lima, Perú

@jos_

Citar

Escrito el 20 Sep 2006 11:09 am

lo siento pero no me sale.
Puede q no me haya explicado bién. Lo volveré a explicar paso a paso:
Tengo una página diseñada en psd, la corto a trozos con el slice i importo las imagenes y la página como html.
Al abrir esta página con el dreamweaver, tengo las imágenes bien montadas cada una en un "td" dentro de una tabla.
Como puedo hacer para que la imagen situada al td de más a la derecha se vaya repitiendo dependiendo de la resolución de la pantalla del usuario??

Perdón pero soy novato en esto, suelo tocar dreamweaver sólo para montar mis pelicuals flash.

Muchas grácias

Por xelson

77 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Citar

Escrito el 20 Sep 2006 06:11 pm

Estás queriendo hacer un "diseño líquido" y J O S te respondió lo que necesitas, la clave es la condición repeat (repeat-x en este caso) de la propiedad background de CSS. Con eso, obviamente no te alcanza y vas a tener que investigar nociones básicas de posicionamiento con css.
Te recomiendo que leas los tutos sobre diseño web con css y (X)HTML. Así vas a tener una nocion real de lo que estás tratando de hacer, vas a entender mejor tu trabajo y seguramente encontrarás una maner de hacerlo más rápido que con dreamweaver y tablas para encajar las imágenes y componer tu diseño.

Suerte.

Por el_itur