there are 2 css files (default.css in core and style.css in my theme)

in default.css there is:
img {
border: none 0;

the thing is, that i need to make the image border appear

<img src="image.jpg" border="5" alt="image" />

i tried to use border: auto; but it doesn't work

is there any way how to override the default.css?


marketter’s picture

... you could try something like:

<img src="image.jpg" style="border:1px solid #c00 !important;" alt="image" />

Normally when you redefine a css tag the rule specified last takes precedence, not so if you use the !important tag so use it sparingly. Also be aware that IE6 won't even pay attention to it (this can be a good thing or a bad thing depending on your situation).

Hueij’s picture

The stylesheet that is imported last takes precedence over any stylesheets imported before is. So go to your stylesheet that is imported later (be it "default.css" or "style.css") and put the following in there:

img {border:solid 1px #abcdef;}

If you do that you don't need the !important rule.


jauzah’s picture

The thing was, that i needed to be able to show borders of different widths according to tinymce input. I solved this by jQuery definitely.
Michal Rehak - Drupal Developer | Portfolio