Comunidad de diseño web y desarrollo en internet online

Modificación CSS o PHP para visualización correcta

Citar            
MensajeEscrito el 03 Ago 2009 09:21 am
Hola,

Estoy intentando montar un portal Joomla con un Template concreto pero hay un error que no consigo solucionar.

http://lagash.es/Joomla/index.php

Como podréis ver, en el 3º artículo (el 1º de la 2º columna) el título se monta sobre la barra y no queda bien. He probado a solucionarlo de todas las maneras posibles, dentro de mi escaso conocimiento, pero no he sido capaz: modificar la imagen de la barra, poniendo "padding: 7px" tanto en el CSS como en el index.php (donde la lógica me indicaba)......

He utilizado el complemento FireBug de Firefox, no conozco ninguna otra herramienta para estas cosas, cualquier ayuda será gratamente recibida.

Muchas Gracias,
Jose.

Por elReyJoseMan

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Ago 2009 11:04 am
Basicamente lo que pasa aquí es que si el texto ocupa una línea se aplica el height de 33px (que yo creo que tendría que ser min-height), pero quando pasa a tener dos líneas ocupa 100%. Al estar la imagen de fondo muy bien puesta en center bottom, y no habiendo padding, el texto de la segunda línea queda encima.

La solución es la que tu has dicho, ponerle padding superior e inferior:

Código :

td.contentheading {
   padding: 10px 0;
}


Hasta pronto!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 03 Ago 2009 03:43 pm
No ha habido suerte, he puesto y quitado cosas, pero nada.

Ahora mismo está así

Código :

td.contentheading {
   font-weight:bold;
   font-size:14px;
   height:33px;
   padding: 10px 0;
   background: url(../images/contentheading_line.png) bottom repeat-x;
      
}


Lo original más el "padding", pero no lo coge. Cuando lo modifico con el "FireBug" si que se pone correctamente, pero luego no carga bien el CSS o no sé....

Gracias =).

Por elReyJoseMan

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 Ago 2009 04:22 pm
Por decir algo, prueba con poner:

padding: 10px 0 !important;

Hasta pronto!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox

 

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