Home › Forums › CSS › Need Diamond Shaped Image with tight margins › Reply To: Need Diamond Shaped Image with tight margins
March 20, 2014 at 9:59 am
#166366
Participant
<div id="gallery">
<a href="1" class="new"></a>
<a href="2" class="preowned"></a>
<a href="3" class="serviceparts"></a>
<a href="4" class="specials"></a>
<a href="5" class="diamond"></a>
</div> <!-- end gallery -->
#gallery{height:680px;width:1000px; position:relative; display:inline-block;margin:0;padding:0;}
#gallery a{position:absolute; height:50%; width:50%; display:inline-block;margin:0;padding:0;}
#gallery .new{background:green;}
#gallery .preowned{background:red;right:0;}
#gallery .serviceparts{background:blue;bottom:0;}
#gallery .specials{background:lightBlue;right:0;bottom:0;}
#gallery .diamond{background: url(images/test.png); left:353px; top:194px; transform:rotate(45deg); height: 43%; width:29%;}