Visualización defec...
 
Avisos
Vaciar todo

Visualización defectuosa del "Rastro de migas"

7 Respuestas
4 Usuarios
0 Reactions
2,339 Visitas
 Luis
Respuestas: 34
Eminent Member
Topic starter
 

No se porque el rastro de migas se de forma diferente si está en la posición breadcumb o en la inferior. Actualmente en la web está puesto en las dos posiciones y en la de arriba se muestra fatal y sin embargo en la parte baja de la pantalla aparece perfecta.

URL del sitio: http://www.talentoconsulting.es


 
Respondido : 08/05/2012 6:02 pm
Miguel Tuyaré
Respuestas: 700
Honorable Member
 

Hola Luis:

No entiendo que se ve fatal... yo lo veo bien en los dos lados.

Tal vez las posiciones tengan una maquetación CSS propia, sucede a menudo, y debas cambiarla o modifcarla usando Firebug.


 
Respondido : 08/05/2012 7:35 pm
 Luis
Respuestas: 34
Eminent Member
Topic starter
 

El problema es que en la posición superior aplica la clase ja-box-ct clearfix mientras que en la inferior es ja-breadcrums. Esto supone que en la superior no incluye la imagen de flecha derecha ni pone todos los items en mayúsculas. Como puedo modificar la plantilla para que en la posición superior aplique la clase ja-breadcrums. Adjunto capturas.

Saludos


 
Respondido : 09/05/2012 7:29 am
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Luis,

La imagen de la flecha aparece, pero como es del mismo color que el fondo, no se visualiza

Para que los textos se transformen en mayúsculas, la CSS afectada se tiene que añadir

text-transform: uppercase;

Saludos


 
Respondido : 09/05/2012 7:41 am
 Luis
Respuestas: 34
Eminent Member
Topic starter
 

Hola Jordi, cierto no me había dado cuenta del color de fondo. Respecto al tema de mayúsculas, conózco la propiedad pero no sé donde aplicarla. Lo he intentado en el archivo addon.css según he visto en firebug pero no aplica ningún cambio.

Saludos


 
Respondido : 09/05/2012 8:12 am
David Noguera
Respuestas: 4433
Famed Member Moderator
 

Hola Luis, no se muy bien que es lo que quieres hacer, si lo que quieres hacer es poner la miga de pan en mayúsculas, puedes poner este código:

.breadcrumbsja-breadcrums{
text-transform:uppercase;
}

al final del fichero http://www.talentoconsulting.es/templates/ja_kranos/css/template.css

Saludos


 
Respondido : 09/05/2012 8:55 am
 Luis
Respuestas: 34
Eminent Member
Topic starter
 

Solucionado David, además le he añadido "font-size: 11px" y ha quedado como yo quería.

Gracias a todos

Saludos


 
Respondido : 09/05/2012 9:50 am