Foros del Web » Creando para Internet » CSS »

Estilos no compatibles (por por un titulo)

Estas en el tema de Estilos no compatibles (por por un titulo) en el foro de CSS en Foros del Web. tengo dos estilos el primero "from div" no puedo cambiarlo por que me modificaria todo el sitio, ademas es de un joomla que no puedo ...
  #1 (permalink)  
Antiguo 08/10/2009, 04:19
 
Fecha de Ingreso: junio-2009
Mensajes: 6
Antigüedad: 8 años, 5 meses
Puntos: 0
Estilos no compatibles (por por un titulo)

tengo dos estilos
el primero "from div" no puedo cambiarlo por que me modificaria todo el sitio, ademas es de un joomla que no puedo tocar (no tengo permiso)

el segundo "mydiv" es el estilo que deseo tenga un div determinado

el caso es que el primer estilo empuja 10 pixeles hacia abajo el contenido

accion que descuadrá la apairiencia del contenido del DIV

pego el código

Código HTML:
<style type="text/css">

<!-- Este no puedo modificarle-->
form div { margin: 10px 0 10px 0; }

<!-- este es el mío-->
.mydiv { 
margin: -10px 0 -10px 0; 
border: 4px solid #5B7F3F;
 }

</style>
</head>

<body>
<form>
<div class="mydiv" id="map"><img name="" src="" width="572" height="175" alt="" /></div>
</form> 
como veis he intentado poner valores negativos en mi nuevo estilo pero no podía ser tan facil

¿¿Alguna Solución??

GRacias de antemano
  #2 (permalink)  
Antiguo 08/10/2009, 06:56
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Estilos no compatibles (por por un titulo)

Si no quieres que tenga esos márgenes. En lugar de ponerle márgenes negativos, sólo deberías ponerle 0:
Código CSS:
Ver original
  1. margin: 0;
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 08/10/2009, 13:27
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Estilos no compatibles (por por un titulo)

Hola spockyto:

Comparto una experiencia personal porque veo que tienes un selector "form div" y una clase ".mydiv"

Cuando el cms con el que trabajo me genera contenido dinamico (html que no puedo editar) y por defecto incluye un estilo en una etiqueta (p.ej: <a style="border:1px;">). Entonces llamo esa etiqueta en la hoja de estilos y sobreescribo el estilo utilizando la palabra clave !important.

por ejemplo:

.mydiv {
margin: 0px !important;
border: 4px solid #5B7F3F;
}

Espero que te sirva

Saludos!

"!important funciona como una palabra clave para ignorar las reglas de cascada. Cualquier definición que vaya acompañada de un !important tendrá mayor importancia que cualquier otra."

http://www.tufuncion.com/important

Última edición por cristian_cena; 08/10/2009 a las 13:37
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 22:27.