Problema con el espacio en el botón 'Learn more' en la página de inicio de Holistic Detox Peru

caeddeka · 6 May 2014

Hola compañeros, una consulta, tengo un problema con el home de mi pagina web:

Holistic Detox Peru |

El texto que dice paquetes es muy largo y ocupa mucho espacio.

Intente con estos código:

div.service {
float: left;
width: 274px;
padding: 52px 65px 26px 0px;
height: 200px;
overflow: hidden;

Pero se pierde el boton "Learn more"

Alguien podría ayudarme?
Gracias

lombervid · 6 May 2014

Puedes meter el puro texto (sin el botón) o otro div y hacer eso que intentabas en ese div.

krusty72 · 6 May 2014

lombervid dijo:
Puedes meter el puro texto (sin el botón) o otro div y hacer eso que intentabas ese ese div.

Eso mismo iba a decir, mete el botón en otro div.

OLMID · 7 May 2014

Puedes probar añadiendo esto al style:

HTML:

div.service p {
max-height: 200px;
overflow: hidden;
}

Saludos

aperpen · 9 May 2014

En mi pantalla se ve bien:

No se si te refieres a eso.

Saludos.

Arevalo · 17 Jun 2014

El tema es que en el css le das una altura... pongas overflow: auto, overflow:scroll o lo que sea el texto se corta (sin o con scroll). La unica solución es no darle altura al div (o ponerla en auto), pero se queda un texto larguísimo claro...

DanielDeick · 17 Jun 2014

puedes probar poniéndole un overflow:hidden; y un max-height; así te ocupara algo determinado y te recomiendo usar un porcentaje por ejemplo: max-height:10%; o el tamaño que tu veas necesario. un saludo.

jcdiaz · 11 Jul 2014

Estoy con lombervid y krusty72, mete el boton a otro div