Foros del Web » Creando para Internet » CSS »

Conflicto entre 2 CSS's

Estas en el tema de Conflicto entre 2 CSS's en el foro de CSS en Foros del Web. Buenas compañeros, os explico, estoy creando una web y quiero meterle un Topmenu en Ajaz pero como es natural este ultimo incorpora un CSS, pues ...
  #1 (permalink)  
Antiguo 16/10/2010, 13:54
 
Fecha de Ingreso: marzo-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Conflicto entre 2 CSS's

Buenas compañeros,
os explico,
estoy creando una web y quiero meterle un Topmenu en Ajaz pero como es natural este ultimo incorpora un CSS, pues en el index.html, al llamar a los 2 CSS (se encuentran en rutas distintas y eso), la web se muestra mal (pasa algo con el CSS de la web), he mirado el nombre de las clases de ambos CSS y no hay conflictos ni nada..
como podria solucionarlo?
Gracias!
  #2 (permalink)  
Antiguo 17/10/2010, 00:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Conflicto entre 2 CSS's

Hola romero92,
controla que estés dando bien las rutas.
describe correctamente el tema o bien envíame una bola de cristal y lo vemos. Un saludo.
  #3 (permalink)  
Antiguo 17/10/2010, 02:18
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Conflicto entre 2 CSS's

Hola:

Conflicto tiene que haberlo, posiblemente por herencia, sino funcionaría bien. Pero danos un poco de tiempo para revisar todo el código que nos has puesto que es mucho y hay que verlo despacio.

Saludos.

  #4 (permalink)  
Antiguo 18/10/2010, 13:29
 
Fecha de Ingreso: marzo-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Conflicto entre 2 CSS's

Buenas,
perdon,
el codigo del index.html donde declaro ambos CSS es este:


<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link href="lib/griddler3.css" rel="stylesheet" type="text/css" />

Dentro de <head> y tal,
el primero ("style.css") es el estilo de la web en si y el segundo es el estilo del topmenu ajax descargado.
Las rutas estan bien, ya que cuando solo dejo llamando uno de los 2 CSS, sea cual sea, funciona perfectamente la funcion de cada CSS, el problema es cuando los junto los 2..
Si quereis os paso los 3 archivos (index.html, 2 CSS) porque no se donde puede estar el error y pegar aqui 1000 lineas de codigo..
Gracias compañeros..
  #5 (permalink)  
Antiguo 18/10/2010, 13:34
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Conflicto entre 2 CSS's

Firebug en firebox para ver las herencias y qué reglas están actuando sobre el elemento seleccionado (y muchas otras cosas más).
Chrome y otros navegadores tienen algo que se le parece, pero no es lo mismo.

Y por cierto, no aclaró qué significa
Cita:
la web se muestra mal
  #6 (permalink)  
Antiguo 18/10/2010, 13:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Conflicto entre 2 CSS's

Hola:

Cita:
Iniciado por romero92 Ver Mensaje
Si quereis os paso los 3 archivos (index.html, 2 CSS) porque no se donde puede estar el error y pegar aqui 1000 lineas de codigo..
También puedes subirlos a un servidor gratuito y pasarnos la URL para verlo en la red.

Saludos.

:adios.
  #7 (permalink)  
Antiguo 19/10/2010, 11:49
 
Fecha de Ingreso: marzo-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Conflicto entre 2 CSS's

Aqui lo teneis: http://www.fileserve.com/file/cJx283H
El archivo "index.html" es el que pone: "pricing-grid-col3"
Gracias..
  #8 (permalink)  
Antiguo 19/10/2010, 16:03
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Conflicto entre 2 CSS's

Hola:

El problema estaba, como era de suponer en las herencias, cambia este apartado de tu style.css:

Código CSS:
Ver original
  1. ul {
  2.     padding: 0;
  3. }
  4.  
  5. ul li {
  6.     list-style-type: none;
  7.     display: inline;
  8.     margin-right: 15px;
  9. }
  10.  
  11. ul li a {
  12.     color: #fff;
  13.     text-decoration: none;
  14.     text-shadow: 1px 1px 1px #000;
  15.     padding: 3px 7px;
  16.    
  17.     border-radius: 5px;
  18.     -webkit-border-radius: 5px;
  19.     -moz-border-radius: 5px;
  20.    
  21.     -webkit-transition-property: color, background;
  22.     -webkit-transition-duration: 0.5s, 0.5s;
  23. }
  24.  
  25. ul li a:hover {
  26.     background: #01458e;
  27.     color: #ff0;
  28.  
  29.     -webkit-transition-property: color, background;
  30.     -webkit-transition-duration: 0.5s, 0.5s;
  31. }

por este otro:

Código CSS:
Ver original
  1. #menu ul {
  2.     padding:0;
  3. }
  4.  
  5. #menu ul li {
  6.     list-style-type: none;
  7.     display: inline;
  8.     margin-right: 15px;
  9. }
  10.  
  11. #menu ul li a {
  12.     color: #fff;
  13.     text-decoration: none;
  14.     text-shadow: 1px 1px 1px #000;
  15.     padding: 3px 7px;
  16.    
  17.     border-radius: 5px;
  18.     -webkit-border-radius: 5px;
  19.     -moz-border-radius: 5px;
  20.    
  21.     -webkit-transition-property: color, background;
  22.     -webkit-transition-duration: 0.5s, 0.5s;
  23. }
  24.  
  25. #menu ul li a:hover {
  26.     background: #01458e;
  27.     color: #ff0;
  28.  
  29.     -webkit-transition-property: color, background;
  30.     -webkit-transition-duration: 0.5s, 0.5s;
  31. }

Asi, diferenciando la lista del menú de la lista de griddler no se mezclan las propiedades de una y otra.

Saludos.

  #9 (permalink)  
Antiguo 21/10/2010, 13:44
 
Fecha de Ingreso: marzo-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Conflicto entre 2 CSS's

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

El problema estaba, como era de suponer en las herencias, cambia este apartado de tu style.css:

Código CSS:
Ver original
  1. ul {
  2.     padding: 0;
  3. }
  4.  
  5. ul li {
  6.     list-style-type: none;
  7.     display: inline;
  8.     margin-right: 15px;
  9. }
  10.  
  11. ul li a {
  12.     color: #fff;
  13.     text-decoration: none;
  14.     text-shadow: 1px 1px 1px #000;
  15.     padding: 3px 7px;
  16.    
  17.     border-radius: 5px;
  18.     -webkit-border-radius: 5px;
  19.     -moz-border-radius: 5px;
  20.    
  21.     -webkit-transition-property: color, background;
  22.     -webkit-transition-duration: 0.5s, 0.5s;
  23. }
  24.  
  25. ul li a:hover {
  26.     background: #01458e;
  27.     color: #ff0;
  28.  
  29.     -webkit-transition-property: color, background;
  30.     -webkit-transition-duration: 0.5s, 0.5s;
  31. }

por este otro:

Código CSS:
Ver original
  1. #menu ul {
  2.     padding:0;
  3. }
  4.  
  5. #menu ul li {
  6.     list-style-type: none;
  7.     display: inline;
  8.     margin-right: 15px;
  9. }
  10.  
  11. #menu ul li a {
  12.     color: #fff;
  13.     text-decoration: none;
  14.     text-shadow: 1px 1px 1px #000;
  15.     padding: 3px 7px;
  16.    
  17.     border-radius: 5px;
  18.     -webkit-border-radius: 5px;
  19.     -moz-border-radius: 5px;
  20.    
  21.     -webkit-transition-property: color, background;
  22.     -webkit-transition-duration: 0.5s, 0.5s;
  23. }
  24.  
  25. #menu ul li a:hover {
  26.     background: #01458e;
  27.     color: #ff0;
  28.  
  29.     -webkit-transition-property: color, background;
  30.     -webkit-transition-duration: 0.5s, 0.5s;
  31. }

Asi, diferenciando la lista del menú de la lista de griddler no se mezclan las propiedades de una y otra.

Saludos.

Muchas gracias de verdad!!! :)
  #10 (permalink)  
Antiguo 21/10/2010, 13:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Conflicto entre 2 CSS's

Hola:

De nada, romero92. Me alegro de haberte sido útil.

Saludos.


Etiquetas: conflicto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:03.