Separación módulos  

Hola,

Para aumentar la separación de las imágenes puedes aplicar un margen a las misma por medio de estilos CSS.

Por ejemplo, para la imagen:

si le quieres dejar un margen de 10 píxeles por la derecha y 20 píxeles por abajo, tendrías que dejarlo así:

Puedes ver más sobre esto en el siguiente enlace.

Respecto al ajuste en móviles, tendrías que establecer un tamaño máximo para las imágenes, aplicando un estilo como el siguiente:

max-width:100%; height: auto;

Sobre un ajuste para las páginas interiorres, tendrías que meter cada caja en un div, en lugar de usar el float:left. Algo como lo siguiente:

Caja 1
Caja 2
Caja 3
Caja 4

Es posible que esto funcione.

Buenos días,
No he visto ningun enlace.
Estos códigos no se si se deben poner en el código fuente.
Respecto a lo de las cajas no se como hacerlo,

Podeis ayudarme?

Buenos días,
No he visto ningun enlace.
Estos códigos no se si se deben poner en el código fuente.
Respecto a lo de las cajas no se como hacerlo,

Podeis ayudarme?

Hola Francisco.

Vamos a solucionar primero lo de las imágenes, luego veremos los bloques.

.- Edita el bloque donde tienes añadido el código de las imágenes.

Un ejemplo de lo que tienes ahora en uno de los bloques:

Lo que hay que hacer es añadirle un margen con lo que el código quedaría como este:

Si te das cuenta la que hicimos fue añadir un estilo con un margen a tu primer código añadiendo ' style="float: left; margin:0 10px 20px 0; '

Este código que añadimos lo que hace es que se muestre la segunda imagen a la derecha y que se aplique un margen entre una imagen y otra.

Para que esas imágenes se ajusten a los dispositivos puedes añadir lo siguiente a tu hoja de estilos css

a img {
    max-width: 100%;
    height: auto;
}

Una vez realizado esto, adjúntame una captura con los bloques internos que quieres modificar y que es lo que necesitas realizar para ver como podemos solucionarlo

Un saludo

Buenos días,
My hoja de estilos css es un archivo (customuser?)

Buenos días,
Al final solo he dejado dos imágenes y así queda todo bien. Mi problema solo es:

1. Como ajustar su tamaño y como para responsive
2. Como se puede ver este módulo contenbox bien en las páginas interiores (está descuadrado)

Hola Francisco.

Como ajustar su tamaño y como para responsive
.- edita el archivo customuser y añade lo siguiente:

@media only screen and (max-width: 480px) {
a img {
    max-width: 100%;
    height: auto;
}
}

Como se puede ver este módulo contenbox

.- añade lo siguiente al mismo archivo:

a img {
    max-width: 400px;
    height: auto;
}

Un saludo

Gracias Pepe,
Ahora se ve bien en todas las páginas interiores, pero en la página de inicio se ven las imagenes pequeñas, hay alguna forma para que se vea bien en todos los sitios?
El tipo de letra que tenia era UBUNTU y no se porque me lo ha cambiado ha SANS SERIF,
como lo vuelvo a cambiar?

Hola Francisco.

Prueba añadir lo siguiente a tu archivo customuser:

#index a img {
    max-width: 100%;
    height: auto;
}

Un saludo

Muchisimas gracias,
funciona perfectamente, de lo del tipo de letra que puedo hacer, era ubuntu y se ha cambiado solo a serif

Hola de nuevo Francisco,

Prueba añadir lo siguiente, como siempre customuser 😉

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
font-family: ubuntu !important;
}

Un saludo

hola,
he añadido el codigo pero nada.
Puede ser que tenga mal magic cache?

Hola Francisco.

Acabo de revisarlo y se que la carga bien:

Accede otra vez a tu web y la recargas pulsando la tecla ( F5 ), esto cargara de nuevo toda la cache de la web.

Un saludo

Buenos días,
En un principio parecía que solo era problema en chrome, pero en firefox tambien se cambia, y no me habia fijado pero los iconos están todos desaparecidos.
El tipo de letra, que debería ser "ubuntu" sigue saliendo mal (aun recargando la página con f5)