HTML para links con imagenes sin salto de linea

[Teknozuke]

Quisiera saber si existe algún código especial para poner Links uno al lado de otro dentro de un widget con imagenes.

Por ejemplo,:
"Foroactivo en la red" tiene links de sitios uno debajo de otro.




Lo que yo quiero saber es si se puede poner uno al lado del otro en almenos dos columnas.

como en el ejemplo de acontinuacion, (aunque este ejemplo tiene 3 columnas)



no pretendo poner links de redes sociales, solo las imágenes son de ejemplo. pondre links de unos sitios especificos con mis propios botones

La razón para poner links de esta forma es ahorrar espacio.

espero haberme explicado bien, gracias de antemano

[carlospc]

si se puede, pero indicanos que codigo estas utilizando... en funcion de ello para ayudarte...

[Teknozuke]

Iniciado por carlospc

si se puede, pero indicanos que codigo estas utilizando... en funcion de ello para ayudarte...

Gracias carlos, mira yo de códigos no se casi nada ni se mucho de paginas pero te daré toda la info que pueda, mi foro esta alojado en foroactivo y la versión que uso es phpBB3, luego existen unos modulos en donde nosotros ponemos los códigos y automáticamente se colocan en la columna del foro:




el resultado es el siguiente:



a esta botonera le debo agregar mas botones pero sin ocupar mucho espacio , he intentado poner botones un tercio mas pequeños que estos pero siempre se ban para abajo y no al costado.

gracias de antemano

[carlospc]

Prueba eliminando las etiquetas <br>

Estas etiquetas lo que indican es un salto de linea... es algo asi como en escritura un punto aparte... Ahora ten en consideracion que la imagen que ya tienes ocupa casi todo el ancho de su contenedor (la parte media gris que lo esta alojando) por lo cual nuevas imagenes dudo mucho que puedan copar el resto... puesto que el contenedor debe de tener un margen interno (padding) que marca una distancia entre el borde y su contenido... para que se vea esteticamente bien...

Saludos.

Lo que puedes hacer si quieres mas de una imagen en la misma linea puede acortar tu imagen a cuadrados... nos informas como te va.

[Teknozuke]

Gracias nuevamente Carlos , he quitado el <br> y me ha dado resultado, mira:



pero ahora me queda una duda, existe alguna forma de dar un espacio entre botón y botón? para que no estén tan pegados.

te agradezco nuevamente tu ayuda saludos

[carlospc]

Saludos...

Puedes probar agregando el siguiente codigo dentro de la etiqueta con la cual insertas las imagenes:

<img src="imagen.jpg" style="margin-left:5px;" border="0" />

o si deseas que todas las imagenes de tu pagina tengan margen puedes probar agregando este codigo pero en tu hoja de estilos

img{
margin-left:5px;
}

Ese codigo agrega un margen al lado izquierdo de las imagenes, si quieres generalizar los margenes el codigo seria: margin:5px;

Tu eliges cuantos pixeles asignarle de margen...

Saludos

[Teknozuke]

Gracias por todo amigo , me has sido de gran ayuda.

saludos