Comunidad de diseño web y desarrollo en internet online

Espacio Vertical entre Imagenes

Citar            
MensajeEscrito el 09 Jun 2009 01:10 pm
Hola a todos!

Estoy creando una web (mi primera web) y tengo algunos problemillas con unas imagenes.
No estoy usando ningun tipo de programa especifico para la creación de web, simplemente escribo en codigo HTML, en lo cual soy un novato 100% pero estoy aprendiendo ^^

Pues bien, aquí esta mi duda:

La web que estoy creando es bien simple, tiene tres frames, uno arriba, uno a la izquierda y otro en el centro. El frame superior ya esta listo pero estoy teniendo muchos problemas con el de la izquierda. En este frame voy a poner un menu con todas las categorias disponibles en mi web y por el momento se basara en una imagen para cada categoria (hasta que tenga tiempo de hacerlo en flash). El problema que tengo es que quiero que no haya ningun tipo de separacion vertical entre las imagenes. He buscado en entre los posts de este foro y otros y he encontrado algunos codigos que podrian ayudarme (tipo vspace=0, border=0...) pero no dejan las imagenes completamente juntas, siempre queda una pequeña linea de unos 10px que me rompe todo el esquema. :twisted:

Alguno me podria echar una mano con esto? Que codigo deberia poner para que no haya absolutamente nada de espacio vertical entre las imagenes?

Gracias de antemano!

Saludos!

Por spykizaon

0 de clabLevel



 

msie7
Citar            
MensajeEscrito el 18 Jun 2009 11:31 pm
Puedes utilizar DIVs es mejor que utilizar frames.
Puedes crear en tu frame de la izquierda un div general y dentro de este varios divs que contendran tus imagenes y con un css darle el valor de margin de cero y asi debes de tener tus imagenes juntas

Código :

<div id=conteimagenes>
<div class="margencero">tu imagen</div>
<div class="margencero">tu imagen</div>
<div class="margencero">tu imagen</div>
<div class="margencero">tu imagen</div>
<div class="margencero">tu imagen</div>
</div>

y ya en tu archivo css

.margencero{

margin:o px;
}

Por sfa

72 de clabLevel



 

Mexico DF

firefox
Citar            
MensajeEscrito el 19 Jun 2009 03:35 pm
Si estas comenzando desde cero en esto de la programacion, te sugiero que no te metas aun con CSS. CSS es lo mejor, pero para comenzar, te va a hacer la vida cuadritos.

Usa tablas para dar tus primeros pasos en este maravilloso mundo de la programacion, jeje, pero por favor me pongo de rodillas ante ti y te suplico que no uses frames. Con eso la estas poniendo pero barbaramente.

Mi sugerencia con respecto a esto, 1 tabla con 1 columna y 3 filas, ya con eso haces lo de tus frames.
Con respecto a las imagenes, y para que te vayas adaptando a los comandos CSS, dile a cada imagen lo siguiente:
<img src="coco.jpg" style="float:left, margin:0px; padding:0px;" />

Te explico, en el parametro style, puse 3 comandos CSS:
-float: hace que el elemento, ya sea un DIV, una imagen, o un video de youtube, quede "como suspendido en el aire", es decir no habra ningun tipo de separacion entre un elemento y otro, y muchisimos menos un elemento se pondrá debajo del otro.

-margin: es la cantidad de pixeles de separacion que quieres que haya entre tu elemento y el resto de las cosas que haya a su alrededor.

-padding: es lo mismo que el margin, pero es un margen de separacion que hay entre el limite del contenedor del elemento y el contenido en si mismo que se contiene.

Esa ultima explicacion soné algo medio jedi, pruebalo con un DIV y verás.
<div style="margin:10px; padding:20px; background-color:#000000; color:#ffffff;">
hola mundo<br />
como estan alla afuera
</div>

Saludos.

Por superpantostado

10 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.