Comunidad de diseño web y desarrollo en internet online

Problema con menu CSS en Joomla. En Firefox OK en Explorerno

Foros de discusión > Javascript y jQuery

Citar            
MensajeEscrito el 27 Mar 2008 02:08 pm
Hola amigos,

mirad estoy montando una web en joomla y el menu lo he creado yo. En explorer se me ve perfecto pero en Explorer se ven las listas como si no tuviera estilos. Podeis hecharle un ojo haber si me he dejado algo?

La web es ESTA

Os lo agradezco un montón :wink:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 27 Mar 2008 03:46 pm
En IE7 se ve correctamente.
¿te referías a alguna versión anterior?

PD:
Hasta donde puedo ver, la página está en xHTML.
Joomla! es un sistema de administración de contenidos de código abierto construido con PHP (fuente, wikipedia), así que no tiene nada que ver con el motivo de tu pregunta (y tb es imprecisa la expresión <<estoy montando una web en joomla>>, pues despista al que intenta hacerse una idea del problema leyendo el título del tema).

PD2:
Veo que tienes un problema con la codificación de tus caracteres.
No se si será por codificar en algo que no es UTF-8... o no. (Algunos programas de edición de webs no codifican en UTF-8, aunque dicen q lo hacen, y eso luego da problemas)
En cualquier caso, te diría que los "caracteres especiales" los escribieras con una entidad de referencia HTML conocida. (por ejemplo: &aacute, en lugar de á)
(aquí alguna ayuda)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Envíale un mensaje privado    

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 27 Mar 2008 04:01 pm
Hola ante todo muchísimas gracias por tu ayuda. :)

Mira yo lo estoy viendo en la versión 6.0, te paso una foto para que veas como lo veo:

http://i26.tinypic.com/j9ww7d.jpg

Es como si no detectara la hoja de estilos, que raro no? tienes idea de que puede ser?

Lo de los acentos ya me había fijado en el menu aun no he tocado nada porque como aun no tengo la 'estructura' el resto no lo he editado pero por ejemplo si miras el contador de arriba le puse los acentos como dices.

Aprovecho para preguntarte una dudilla de CSS, tengo un div en el cual estoy decorando el background. He puesto una imagen para el top y otra para el bottom, (marcado en verde):

http://i31.tinypic.com/2cf5qbb.jpg

Código :

background: #FFFFFF url(../images/body_bg_top.gif) repeat-x left top;
background: #FFFFFF url(../images/body_bg_bottom.gif) repeat-x left bottom;


Como hago para poner la imagen repetitiva del medio? (marcado en rojo)

Muchas gracias de nuevo... :wink:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 10:45 am
Ya he solucionado lo del CSS pero lo del menú en IE no. Alguien puede ayudarme?

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 11:05 am
Probado en Explorer 7 y 8beta, lo veo perfectamente, excepto los acentos y tal.
Yo, aunque esté mal decirlo, ya no diseño para explorer 6. Me ahorro muchos dolores de cabeza.
Un saludo.

Por bydaface

303 de clabLevel

1 tutorial

 

Envíale un mensaje privado    

Barcelona, Spain

firefox
Citar            
MensajeEscrito el 28 Mar 2008 11:09 am
Y entonces vosotros que haríais lo dejarias así? es que hay mucha gente que trabaja con IE6.0 y me gustaria que se viera bien...

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 11:55 am
Por cierto el menu lo miré en CSSPlay y allí si funciona bien. Que me puedo haber dejado para que no funcione? :twisted:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 12:36 pm
Sí... deberías intentar que el menú se viera bien.
Pero siento no poder indicarte cómo hacerlo para IE6.
(quizá podrías poner un menú "sin florituras", para IE6, bajo los condicionales <!-- if[IE6] //-->, y ocultar el que no funciona en IE6)
Aún así... siempre puedes usar un menú ya probado como el de esta página, y formatearlo como a tí te agrada (más fácil de hacer, que arreglar el que ya tienes).


Sobre la segunda pregunta... que yo sepa, la repetición en "y", sería:

Código :

background: #FFFFFF url(../images/body_bg_top.gif) repeat-y left top;
Pero probablemente te tape las otras dos...
Por ello, para hacer ese tipo de marcos, se suelen hacer tres contenedores, de tal manera que cada uno, tenga una imagen (top,middle,bottom), así el más interior, tenga el "repeat-y".

Código :

<style>
.DIV1{background:transparent url('http://img291.imageshack.us/img291/5703/topgx4.png') no-repeat scroll left top;}
.DIV2{background:transparent url('http://img291.imageshack.us/img291/8333/bottomvu2.png') no-repeat scroll left bottom;}
.DIV3{background:transparent url('http://img291.imageshack.us/img291/6259/midlehy4.png') repeat-y scroll left top;}
</style>
<body>
<div style="padding-top:17px; width:665px;" class="DIV1">
   <div style="padding-bottom:17px;" class="DIV2">
   <p style="margin:0px;" class="DIV3">
      Linea1<br />
      Linea1<br />
      Linea1<br />
      Linea1<br />
   </p>
   </div>
</div>
</body>

Aún así, en la mima página, encontrarás uno y otro tutoriales, para hacer bordes redondeados.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Envíale un mensaje privado    

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 28 Mar 2008 12:39 pm
Muchas gracias rizome. Probaré con el que me has dicho y haber si hay suerte :wink:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 03:17 pm
Hola de nuevo rizome, he montado el menú aparte y se ve perfecto en IE6 y los demás. Incluyo el código en el inde.php de Joomla y ya no se ve en IE6. En el resto perfecto. Me puedo estar dejando algun paso?

Si utilizas msn podriamos hablar por msn y te paso los archivos?

Un abrazo :wink:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 28 Mar 2008 04:02 pm
Osea... q el menú sólo... va bien...
Pero con el PHP.. ya no funciona...
Pues vaya...

Lo que haría, es ir añadiendo partes del PHP... una a una... y ver en qué momento deja de funcionar el menú.
En algún sitio del código de PHP, tiene que haber algo que interfiera con el menú (me imagino, que será un fallo del javascript, aunque... quién sabe), y la cuestión, es encontrar lo que hace que el menú, no se comporte como esperas.
Es tedioso... pero creo que es la mejor manera de dar con el fallo.

(lo siento... no uso MSN... desde que me reformé, lo abandoné... xD)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Envíale un mensaje privado    

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 29 Mar 2008 11:01 am
No hay manera no consigo solucionarlo... :crap:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 29 Mar 2008 05:26 pm
Solucionado. El problema de los acentos salpicaba al menú. Uno de los subitems tenía el acento aún de la forma incorrecta y el php lo cojia como algo raro. Menos mal me ha costado... :lol:

Ahora tengo un pequeñito fallo de diseño si mirais en el Explorer el encabezado esta como un milimentro a la derecha de que puede ser? he revisado todo el css.

Un abrazo :wink:

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 29 Mar 2008 07:08 pm
Cierto... olvidé decirte, que uno de los problemas de poner acentos (y no &entidades), es que en ocasiones el javascript (y el PHP), entiende el "acento", como una "comilla" ( ' ), que se emplea para las cadenas. Eso, hace que las cadenas den error por cerrarse inesperadamente:

Código :

$cadena='Mi balón';
/* en ocasiones es entendida como: */
$cadena='Mi bal'on';
/* como se ve... con mala sintaxis -> luego error */
/* en cambio de esta otra manera, no hay problemas nunca: */
$cadena='Mi bal&oacuten';


En cuanto a lo del milímetro... no lo veo en IE7. ¿podrías poner captura a ver si vemos qué puede ser?

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Envíale un mensaje privado    

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 29 Mar 2008 09:06 pm
Aquí tienes una captura. Por cierto, muchísimas gracias por tu ayuda y tus explicaciones. Te lo agradezco muchísimo rizome :)

Por YankY

8 de clabLevel



 

Envíale un mensaje privado    

firefox
Foros de discusión > Javascript y jQuery

   Página 1 de 1

 

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