CSS sytlesheets
-
All,
<li id="img2">
<a class="current">
<img src="Images/about_pic.jpg" id="MapHead" alt="Around the world"
/>
</a>
</li>As shown in the code snippet above, I'm trying to populate a list item (Li) which is part of an Unordered list (UL). As you can see the image I'm trying to display underneath the first couple of items which happens to be hyperlink does not fill the entire space (i.e the class current that is applied to the anchor tag sort of create a border within which the image needs to be displayed, the problem is that in its original resolution (i can't simply change the width adn height of the image as it distorts the resolution) the image does not appear to fill the entire space that is it is sort of in the center of that border created using the class = current as shown above. The question is this, is there any attribute that I can apply to the image either inline or using a class in a css which will enable it to fill the entire area created by the border. Thanks Tina