Foros del Web » Creando para Internet » CSS »

Consejo, eliminar cualquier estilos de un div

Estas en el tema de Consejo, eliminar cualquier estilos de un div en el foro de CSS en Foros del Web. Ni yo sabría de que se trata el tema con el título, pero paso a explicarme: Tengo una sitio que esta relativamente bien maquetado, no ...
  #1 (permalink)  
Antiguo 15/04/2009, 20:35
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 2 meses
Puntos: 146
Consejo, eliminar cualquier estilos de un div

Ni yo sabría de que se trata el tema con el título, pero paso a explicarme:

Tengo una sitio que esta relativamente bien maquetado, no tengo tablas, tengo mis clases, mis estilos globales y todo eso, dicha web tiene algunos apartados que eran con texto fijo hasta este momento, pero resulta que ahora necesito obtener el texto de un editor WYSIWYG, y los TAGS que dicho editor utiliza están considerados con algunos atributos de manera general. Esto me "ha dado al traste" con la presentación de dichos contenidos, obiamente.

¿Cómo me aconsejan solventar este problema?

Es decir, podría empezar a tocar los atributos que me estan afectando pero eso me tocaría a otras páginas y esto se volvería una bola de nieve en una pendiente.

No se si puedo definir una capa que tenga algún estilo (que desconozco) que haga que no sea afectada por los demás estilos, para que así los tags del editor trabajen de manera nativa (estoy pensando en voz alta)

gracias de antemano por lo que me pudieran comentar
  #2 (permalink)  
Antiguo 15/04/2009, 21:09
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 18 años, 11 meses
Puntos: 839
Respuesta: Consejo, eliminar cualquier estilos de un div

Yo me considero un novato en todo ésto, así que si responde alguien más no me hagas caso . Lo que podrías hacer es pisar los valores de los estilos globales dentro del contenedor donde está el texto. Un caso teórico con meros propósitos ilustrativos:
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  3.     <head>
  4.         <title>I AM YOUR DOCUMENT TITLE REPLACE ME</title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.         <style type="text/css">
  7.             a {
  8.                 color: Green;
  9.             }
  10.             .contenedor a {
  11.                 color: Blue;
  12.             }
  13.         </style>
  14.     </head>
  15.     <body>
  16.         <div>
  17.             <a href="#">Enlace</a>
  18.             <div class="contenedor">
  19.                 <a href="#">Enlace</a>
  20.             </div>
  21.         </div>
  22.     </body>
  23. </html>
Así, todos los enlaces heredarán el color Verde, pero siendo .[clase] a un selector más específico, tiene precedencia, por lo que los enlaces que estén dentro de un contenedor de clase "contenedor" (vaya redundancia) tendrán un color diferente.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 16/04/2009, 10:39
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 2 meses
Puntos: 146
Respuesta: Consejo, eliminar cualquier estilos de un div

Cierto, ya lo había pensado, al redefinir los estilos de manera "local" pudiera funcionar, pero buscar cada tag y hacerle un "contra-llave" me da un poco de pereza aunque quizá sea lo que tenga que hacer y ni modo, aunque se me ha ocurrido colocar el contenido del editor wysiwyg dentro de un iframe libre de los estilos del sito y bien maquetado para que sea transparente al usuario, supongo funcionaría y sería más fácil y rápido

Deja veo los dos caminos, quizá mientras tanto alguien con más sapiencia que nosotros en este tema pueda opinar algo más.

Gracias mi estimado David (OT: ¿hay algún foro en el que no te metas?, jejeje )
  #4 (permalink)  
Antiguo 16/04/2009, 12:14
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 2 meses
Puntos: 181
Respuesta: Consejo, eliminar cualquier estilos de un div

Podrías probar algo como esto:

Primero creamos el DIV donde se aparecerá el código generado por el editor wysiwyg y le ponemos una ID. En este caso la ID sera "wysiwygCode"


<div id="wysiwygCode">
Aquí iría el código que genere el editor wysiwyg.
</div>

En el CSS pondría algo parecido a esto:

div#wysiwygCode * {
margin: 0; padding: 0;
color: #000; background: #FFF;
border: 0;
font-weight: normal; font-style: normal; font-size: 100%;
}


Habría que ver cuales son los atributos que siguen interfiriendo y "resetealos" a su estado normal.



Saludos
Bye
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
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 03:01.