My CSS doesn't work

Question

i want to apply the following class to my image element :

.laptopimage {
    width: 115px;
    height: 93px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid black;
}

my code in aspx.cs file :

Image image=new Image();
image.ImageUrl="~/Images/"+p.ImagePath;
image.CssClass = "laptopimage";

the resulted html code :

<img class="laptopimage" src="../Images/Laptop1.jpg"></img>

I can't understand why it doesn't apply css. The image is still displayed 1700x1700; Can someone explain why this is happening ?

Hard to debug with so little code- it may be a specificity issue, ie. another CSS rule is overriding the styles set in laptopimage — SW4
– SW4, Commented Jun 13, 2014 at 10:18
first order of business, never reference an image that has a larger resolution than the size it will be displayed on the web. one reason is it'll load slower. very unnecessary if it's just a thumbnail — Martin Ongtangco
– Martin Ongtangco, Commented Jun 13, 2014 at 10:18

Kamlesh Meghwal · Accepted Answer · 2014-06-13 10:20:17Z

2

modify your css and try with this. Some other css might be overiding your laptopimage class

.laptopimage {
    width: 115px !important;
    height: 93px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid black;
}

answered Jun 13, 2014 at 10:20

Kamlesh Meghwal

4,9883 gold badges25 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

SW4 Over a year ago

Its generally recommended to avoid !important in place of improving your code and addressing the underlying conflict...developer.mozilla.org/en-US/docs/Web/CSS/…

Marius George Over a year ago

Not a good idea to just add !important willy nilly without first understanding the root cause of why your style is not being applied.

Stefan P. Over a year ago

so i tried it in google chrome, and it works in google chrome. I can't understand why it doesn't work in mozzila firefox

HardikS Over a year ago

@StefanP : In mozila press Ctrl + shift + delete to clear cache

Kamlesh Meghwal Over a year ago

and yes its not recommended to use !important. But atleast it will give you some hints about css that is overiding your current class

|

Collectives™ on Stack Overflow

My CSS doesn't work

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related