Foros del Web » Creando para Internet » CSS »

Varios CSS en una web

Estas en el tema de Varios CSS en una web en el foro de CSS en Foros del Web. Estoy de los nervios con el CSS, aunque no me ha costado entender su funcionamiento me vuelvo loco en la práctica, me explico. Estoy creando ...
  #1 (permalink)  
Antiguo 29/07/2008, 04:33
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Varios CSS en una web

Estoy de los nervios con el CSS, aunque no me ha costado entender su funcionamiento me vuelvo loco en la práctica, me explico.
Estoy creando una web con 4 pestañas con divs y una hoja de estilos CSS. La página de inicio la tengo completada, la segunda pestaña que estoy trabajando necesito cambiar las características css de algunos divs como la cabecera que quiero colocar una imagen de fondo diferente que la de la portada... claro que la cambia pero como tiene el mismo nombre de div la anterior imagen la machaca. Entonces pregunto. ¿Por cada pestaña necesito crear una hoja de estilos diferente? Tengo estas pestañas: inicio, domotica, servicios, actualidad. Entonces usar inicio.css, domotica.css, servicios.css, actualidad.css
Gracias por anticipado.
  #2 (permalink)  
Antiguo 29/07/2008, 04:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

¿No puedes dar diferentes ID's al div según la página, o es que las cargas con un include siempre la misma?
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 29/07/2008, 04:45
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

La página es la misma, pero cambiando el contenido. Lo que deseo es que pueda cambiar la iD para adaptarla a la exigencias, pero claro, si lo hago asi se cambia en todas las páginas porque el CSS es el mismo para todos.
  #4 (permalink)  
Antiguo 29/07/2008, 05:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

Me refiero a si es la misma cargada siempre con un include, o una copia de la misma en la que cambias cosas.

¿Como es que es la misma pero cambiando el contenido? ¿es un CMS?, ¿es html simple y has copiado la estructura de una página a otra cambiando el contenido y manteniendo todas las cajas?

Es que según sea hay que hacerlo de una forma u otra.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 29/07/2008, 05:15
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

Perdona no entiendo lo que quieres decir con un include. No es CMS es un html simple que he copiado las cajas div de una página a otra y cambio el contenido. el css es el mismo en cada hoja.
  #6 (permalink)  
Antiguo 29/07/2008, 05:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

De acuerdo. Entonces tienes varias posibilidades, y la mejor que se me ocurre es esta:

a cada página, le das un ID al body (<body id="uno">, <body id="dos">)

y entonces ahora defines la diferencia del div en la CSS dependiendo del ID del body

#uno #tudiv {background-color: red;}
#dos #tudiv {background-color: blue;}

de manera que cuando el ID del body sea "uno", tu div será rojo, y cuando sea "dos" será azul.

¿Ves por dónde va?
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 29/07/2008, 05:35
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

Eeeeentendido maestro!
¿Crees que la manera que lo estoy haciendo es correcta? quiero decir si es habitual esta forma de construir una web, porque en el caso de ser muchas ID la hoja de estilos puede ser larga. De todas formas como lo explicas queda aclarado.
Muchas gracias!
  #8 (permalink)  
Antiguo 29/07/2008, 05:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

Bueno, está bien.

Yo personalmente creo que cambiaría el ID del div que quiero diferente en cada página, porque luego no cuesta nada agrupar en la css, es decir, si tengo 4 ID que comparten 5 características y tienen una diferencia, no cuesta agruparlos para poner la comunes una sola vez y las diferencias en cada uno.

#uno, #dos, #tres {... comunes}
#uno {... particular}
#dos {... particular}
#tres {... particular}

También es posible que una caja tenga un ID y una clase, de manera que puedes manter el ID, añadir una clase diferente a cada uno y en la css mantener en el ID las características comunes y en la clase las diferencias.

Pero bueno, esto es gusto de cada uno. De todas maneras lo estás haciendo bien, y si vas a tener bastantes páginas y diferencias entre las cajas de la estructura, de una manera u otra la CSS irá creciendo, a la fuerza.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 29/07/2008, 06:26
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

una clase diferente pero manteniendo la ID... buena solución también. Muchisimas gracias. Para acabar de dar la tabarra una última pregunta. En una ID quiero incluir una transición de imágenes usando jquery cicle. Resulta que si uso posición absoluta en la div que necesito se ve diferente, pero que muy diferente en explorer y en mozilla. Como no tengo ganas de usar conditional comments para cada explorador queria saber si puedo usar el plugin en un div normal, los ejemplos que he visto ha sido aplicado sobre ID con posicionamiento absoluto.
  #10 (permalink)  
Antiguo 29/07/2008, 06:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

No sé si será tu problema, pero para IE al poner algo en posición absoluta siempre tienes que marcar dos coordenadas como mínimo (left y el top si es que marcas de izquierda y arriba), porque si no sus valores por defecto son como un 50%. Si sólo quieres marcar la distancia superior, aun así pon left:0 y seguramente se colocará en su sitio.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 29/07/2008, 07:58
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

Probaré y comento la jugada. Gracias de nuevo.
  #12 (permalink)  
Antiguo 30/07/2008, 12:51
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

Pues la posición absoluta no me la respeta ni IE ni mozilla, tiene como mínimo 2 valores y no se ve igual en los 2 navegadores. Supongo que se debe alinear con html y no con body y eso que he puesto un asterisco en css para anular los márgenes de las hojas de estilo integradas en el navegador

* { padding:0; margin: 0;}
  #13 (permalink)  
Antiguo 30/07/2008, 13:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

Comprueba que el elemento que tiene posición absoluta se ubicará en relación a su elemento padre, que para eso deberá tener posicion relativa.

Si no va pega tu código o un enlace a ver qué se ve.
__________________
Visita mi nueva web idplus.org
  #14 (permalink)  
Antiguo 30/07/2008, 13:33
 
Fecha de Ingreso: julio-2008
Ubicación: Montcada i Reixac
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Varios CSS en una web

Pues he probado a cambiar las propiedades del elemento padre ID cabecera usando posición relativa y el ID logo que va dentro como posición absoluta y ahora me lo ha respetado tanto en IE como explorer. Entonces el 'truco' está en que si posicionamos el elemento padre ID cabecera con posicion relativa 'sin dar ningún valor', estará posicionado y se convertirá en el punto de referencia para el posicionamiento absoluto de ID logo. Es decir, el posicionamiento absoluto se vuelve relativo con este truquillo. Corrígeme si me equivoco. En todo caso si sobre la marcha tengo alguna duda, te consultaré. No me canso de repetir que me estas ayudando mucho.
  #15 (permalink)  
Antiguo 30/07/2008, 13:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Varios CSS en una web

Es exactamente así, estás en lo cierto.
__________________
Visita mi nueva web idplus.org
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 05:33.