CSS Code for Setting Image Position

HTML & CSS
1

Hi all,

Please kindly reference to the website for the problem I am facing - https://www.clothingrepublic.com/index.php/shop.html/

For the top 3 T-Shirts, I have a tag("NEW’, “NEW”, “OUT OF STOCK”). I noticed that the “OUT OF STOCK” tag is not at the position that I have set.

Below are the codes:

.out-stock-label {position:relative;}
.out-label { position:absolute; top:-221px; left:-11px;}

Does anyone knows why “OUT OF STOCK” tag is not in the same position as the “NEW” tag?

Regards,
Chris.

2

Firstly, remove this:

.out-stock-label {
    position: relative;
}

Then, insert this:

li.item {position: relative;}

And change this:

.out-label {
    left: -11px;
    position: absolute;
    top: -221px;
}

to

.out-label {
    left: 0;
    position: absolute;
    top: 0;
}
3

Hi Ralph,

Thanks again!

Regards,
Chris.

4

No worries. Glad to help. :slight_smile: