Como colocar muchas imagenes en el index!!!

flow · 23 Oct 2008, 20:38 · Solicitar retirada

Hola! Miren estoy intentando hacer una cosa que eh visto en otra web que me a gustado mucho. Pero es dificil de explicar... Ya tengo una imagen de 930 x 123px. como cabecera y ahora mi problema, abajo he insertar a la izquierda 3 imagenes 250 x 233px. una encima de otra las cuales eh convertido en enlaces y quiero insertar a la derecha de dichos enlaces un cuadro gris donde ire a escribir un documento. El tamaño del recuadro... unos 672px. (ya que quiero dejar un margen de 25px. entre el recuadro y los enlaces) x 800px. No se si debo de crear divs o que es lo que tengo que hacer....
Bueno si alguien me puede dar una manito os agradesco! :roll:
Salu2

Yaneth · 23 Oct 2008, 23:43 · Solicitar retirada

es preferible meter todo en divs

asi los puedes controlar mejor

saludos

flow · 24 Oct 2008, 17:29 · Solicitar retirada

Hola otra ves, muchas gracias por responderme Yaneth.
Mira te comento que antes tenia las imagenes al costado izquierdo anteriormente mensionadas cada una dentro de un parrafo

y se veian perfectamente pero no podia poner un recuadro como el que quiero poner a la derecha. Ahora he intentado lo que tu me has recomendado, he borrado los parrafos y he puesto divs y en ella la imagenes pero ahora las imagenes no aparecen. He puesto el div global solo enserrando lo que serian las imagenes de la izquierda osea no encierran ni la cabecera ni el cuerpo que es el nombre que le he puesto al div donde pienso colocar el recuadro ya que son las unicas imagenes que quiero que tengan las mismas caracteristicas. De todas formas no se ven ni las que estan dentro del div global ni las que estan fuera. :cry:
Bueno si se te ocurre alguna idea...

Te dejo los codigos haber si ves algun fallo! Muchas gracias!

<body>
<div id="cabecero"></div>
<div id="global">
<div id="photos"></div>
<div id="recomended"></div>
<div id="forum"></div>
</div>
<div id="cuerpo"></div>
</body>

y en los css:

#global {width:233px ; margin: 250px; float:left }
#cabecero {background-image: url(objetos/flow n stuff.jpg)}
#photos {background-image: url(objetos/photos.jpg)}
#recomended {background-image: url(objetos/recomended.jpg)}
#forum {background-image: url(objetos/forum.jpg)}

flow · 7 Nov 2008, 16:01 · Solicitar retirada

Eh resuelto mi problema, no se si es la mejor forma de hacerlo ya que la solucion es haciendo div style y eso puede que haga que no se vea igual en el firefox y en el opera que en el explorer pero bueno algo es algo.

Voy a explicar lo que eh hecho por si a alguien le sirve de ayuda.
Si desean poner una imagen, un texto o lo que sea en una parte especifica de la web con total libertado, osea sea a la derecha del todo, abajo del todo, encima de un texto o de otra imagen o donde deseen conviertan lo que sea que quieran posicionar en un div y en el div primero denle la propiedad de style= position:ABSOLUTE osea...

<div style="position: absolute"><div>

Ahora para especificar exactamente donde le queremos colocar le damos las siguentes propiedades: left= distancia de la izquierda; top= distancia desde arriba; width= anchura del div; height= altura del div; y si deseamos que el div tenga borde: border: 1px solid #333333.

Quedaria asi:

<div style="position: absolute; left: 300px; top: 200px; width: 50px; height: 50px; border:1px solid #333333;"></div>

Pues espero les sirva de algo...
Un saludo a todos.
FLow