Estilos no compatibles (por por un titulo)

spockyto · #1 (**permalink**) 08/10/2009, 03:19

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

David · #2 (**permalink**) 08/10/2009, 05:56

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 originalmargin: 0;

cristian_cena · #3 (**permalink**) 08/10/2009, 12:27

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