Problemas con css en internet explorer

#1 (**permalink**) 12/08/2005, 15:52

Hola,

aqui tengo un menu horizontal creado en css: www.mindpanic.com/index2.php

el problema esta en que con el mozilla si visito links no queda cambiado el color como "a:visited" (link visitado) que es lo que quiero.... Pero en el Internet explorer si que quedan cambiados y no se como solucionarlo.

el codigo css es este:

Código PHP:

  .menuhorizontal a{ 
     border: solid 1px; 
     border-color: #656B78; 
    border-top: 0; 
   display: block; 
   background-color:#000000; 
   color:#FF9900; 
   width: auto; /*defino el ancho del rectangulo del vinculo*/ 
   padding:5px; 
   text-decoration:none; /*elimino el subrayado del vínculo*/ 
    vertical-align: middle; 
    text-align: center; 
    font-weight: bolder; 
} 
.menuhorizontal a:hover { 
   background-color:#DBDDE4; /*decoración para el evento hover (mouse encima)*/ 
    color: #3F729E;}

Como puedo solucionarlo, y ademas de eso como puedo hacer para que en todo el menu quede siempre el borde de 1px y no de 2px al sumarse las juntas de un cuadrado con el otro??????

saludos y gracias anticipadas

jesusbet · #2 (**permalink**) 12/08/2005, 16:39

.menuhorizontal a:visited {
color: blabla;
}

#3 (**permalink**) 12/08/2005, 16:47

gracias por responder jesusbet pero el problema continua, ahora al pasar el raton no cambia y se queda en la posicion normal sin pasar a el estado "a:hover"

Mecaguen el explorer como lo odio...

como soluciono el problema??

debo replantearme el codigo css del menu al completo??

joder que pena que el explorer aun sea el mas utilizado, con lo bien que va el mozilla firefox.

saludos

EDITO: lo que he añadido tambien hace que falle en el firefox...

baccxus · #4 (**permalink**) 12/08/2005, 16:49

Hola mind panic, he visto tu código y la propuesta que te puedo dar es esta:

Código:

.menuhorizontal a:link, .menuhorizontal a:visited, .menuhorizontal a:active, .menuhorizontal a:hover{...

Además esto no te sirve de nada:

Código:

vertical-align: middle;

Y esto lo puedes simplificar:

Código:

    border: solid 1px;
    border-color: #656B78;
    border-top: 0;

por esto

Código:

    border: 1px solid #656B78;
    border-top: 0;

Saludos, y espero que te sea de ayuda.

#5 (**permalink**) 12/08/2005, 16:59

Muchisimas gracias Baccxus solucionado pero....

ahora el I.E me da otro problema (la madre que lo pario) si te fijas cuando pasas el raton por encima de cualquier parte de por ejemplo "inicio" el cuadro cambia de color. Pero cuando lo pasas por las demas secciones del menu el cuado no hace nada.... necesitas pasarlo por encima del texto.

la historia es que con el mozilla firefox no hay ese problema.

¿como se puede solucionar?

saludos

baccxus · #6 (**permalink**) 12/08/2005, 17:00

Ya lo había notado!, espera un momento que estoy revisando

isaacluz · #7 (**permalink**) 12/08/2005, 17:01

<a href="http://www.mindpanic.com/index2.php" title="inicio" name="inicio" class="menuhorizontal">

a ver prueba

baccxus · #8 (**permalink**) 12/08/2005, 17:08

..... mi estimado mindpanic!

No me había fijado... ahora estoy en el trabajo, pero cuando llegue a casa te posteo mi propuesta para tu página.

Un consejo, abusas de las tablas, por eso es demasiado lenta la carga, ahora por la noche te posteo una propuesta de base para que te pases a CSS.

Un saludo

#9 (**permalink**) 12/08/2005, 17:12

Nada sigue igual, solo funciona todo el cuadro en la seccion "inicio", que cosas mas extrañas, siempre me cuesta mucho adecuar estas cosas para que se vean bien en el I.E

me parece que la solucion va a ser muy complicada, incluso he probado a ir metiendo el clas en todos los <td> y nada... no hay manera.

¿habrá solución? ¿por que narices solo lo hace en la primera sección del menu?

slaudos

#10 (**permalink**) 12/08/2005, 17:17

Cita:

Iniciado por baccxus

..... mi estimado mindpanic!

No me había fijado... ahora estoy en el trabajo, pero cuando llegue a casa te posteo mi propuesta para tu página.

Un consejo, abusas de las tablas, por eso es demasiado lenta la carga, ahora por la noche te posteo una propuesta de base para que te pases a CSS.

Un saludo

Muchisimas gracias amigo, ¿puedo prescindir de las tablas usando css? no sabia que tenia tantas posibilidades, la verdad es que seria genial hacer la pagina mas ligera y que este rediseño sea de calidad, ademas me lo he tomado como un reto para asi aprender más.

Bueno yo ahora voy para la cama que aqui en españa son las 1:23 de la madrugada y mañana hay que trabajar, mañana leeré tu propuesta.

saludos y mil gracias otra vez.

jesusbet · #11 (**permalink**) 12/08/2005, 18:42

que no te leíste la historia de david, joaco, el cliente de david y el lechero?
http://www.minid.net/articulos/2497/...e-y-el-lechero

en pocas palabras, deja de usar tablas :D

#12 (**permalink**) 13/08/2005, 00:12

Es verdad he leido todo y definiendo todo en css puedo ahorar tiempo ademas de que la pagina cargará más rápido, ahora solo me falta un par de buenos tutoriales para ir aprendiendo el tema de la maketacion sin usar tablas.

me podeis recomendar algunos en español?

Muchas gracias

jesusbet · #13 (**permalink**) 13/08/2005, 07:11

http://www.desarrolloweb.com/css/

lo que tengas dudas preguntas aquí..

baccxus · #14 (**permalink**) 13/08/2005, 07:47

Hola!!!!
Aquí está, lo prometido es deuda.

Consejos:

Un borde 0px no sirve para nada, gastas código innecesariamente;
Cuando no uses un estilo, bórralo, te confunde y no te deja organizar tu documento;
Las tablas son para organizar datos estadísticos o calendarios, para eso si sirven;
Se agradece algún comentario!

aquí está: http://www.photura.com/mindpanic.zip

Saludos

#15 (**permalink**) 13/08/2005, 13:37

joder baccxus eres la leche ¡¡¡ impresionante tu demostración de como se puede hacer exactamente lo mismo sin usar tablas, bueno mirando tu css he visto que has modificado la mayor parte, ahora debo partir de ese codigo y adaptarlo correctamente a la web.

Lo unico que me da miedo por ahora es no fastidiar los codigos css que se usan en los foros ya que eso ya es tela marinera... ademas debo modificar todos los archivos tpl de los foros para que se mantenga el menu lateral sin necesidad de usar las tablas.

En definitiva voy a repasar tu script y a ir haciendo pruebas en local para familiarizarme, despues me lanzare a integrarlo en la web.

baccxus tio eres genial, un abrazo.

baccxus · #16 (**permalink**) 13/08/2005, 14:33

Saludos

#17 (**permalink**) 13/08/2005, 17:37

bueno ya he empezado a aplicar la maketacion css al index2.php, por ahora esta mas o menos bien, pero he tenido que corregir varias etiquetas que cortaban los div en algunos scripts php y tambien he tenido que modificar el gestor de noticias para que no sucediese lo mismo.

el resultado por ahora es este: www.mindpanic.com/index2.php

tengo varias dudas de por que creas lo de #container, ¿no se puede maketar todo directamente bajo el #body?

tambien fallan un poco las medidas y en realidad quiero tener siempre 5px de distancia entre las diferentes partes (menu lateral, posts etc...) siempre 5px para que se mantenga homogeneo a la vista. he probado a aplicar un padding de 5px en el #body pero se desajusta todo aun más.

Y hablando de I.Explorer, no centra la web y la mantiene a la izquierda... estoy hasta los huevos del I.E siempre me da problemas... (en firefox se ve centrada)

Bueno poco a poco conseguire pulir el resultado y me estoy planteando modificar tambien el codigo de los foros (mucho trabajo) y eliminar las tablas pero no se si sera una locura.

Bueno si ves algun fallo en el codigo me lo dices.

el css es este para el que lo quiera ver: http://www.mindpanic.com/foros/templ...chunkstyle.css

saludos me voy para la piltra