Hey everyone,
I'm really struggling to figure out what's going on with this code. It's a simple CSS issue but for some reason the browser (FF) is completely ignoring the last CSS selection code.
Here's the HTML snippet:
<div id="cat_box01">
<a href="#"><img src="i/cat/cat_img01.jpg" /></a>
<class="sizes_txt">Sizes:</class>
</div>
And here's the corresponding CSS:
#cat_box01 {
background: rgba(255,43,43,1); /* testing background color */
height: 250px;
width: 500px;
padding: 10px;
border: 0;
margin: 0px;
position: absolute;
top: 98px;
left: 16px;
z-index: 1;
}
#cat_box01 a img {
height: 200px;
width: auto;
position: relative;
left: 5px;
padding: 5px;
border: 0;
margin: 0;
opacity: 0.9;
}
#cat_box01 .sizes_txt {
position: relative;
left: 300px;
padding: 0;
border: 0;
margin: 0;
font-family: Helvetica, Georgia, Arial, sans-serif;
font-size: 10px;
}
The issue seems to be with the #cat_box01 .sizes_txt syntax not being applied. Any help would be greatly appreciated! Thank you in advance for assisting a beginner :)