CODEWITHSUNDEEP
cssimageimage-size
Yoosuf
Yoosuf

Reputation: 892

Image not displaying correct size

I included some social network icons at the bottom right corner of the footer of my webpage. All the icons are of the same size, 22x23 pixels.

However the first icon is displayed as 16x16 pixels, while the second is displayed in its actual size. When I hover over the first image using the chrome developer window the tooltip reads,

16 x 16 pixels (Natural 22 x 23 pixels)

<li><a href="https://www.facebook.com/MontrealIntClinics" target="_blank"><img src="img/youtube.jpg" width="16" height="16" border="0"></a></li>
<li><a href="https://www.facebook.com/MontrealIntClinics" target="_blank"><img src="img/twitter.jpg" border="0"></a></li>

Have I dont anything wrong, or is it missing any CSS

Upvotes: 0

Views: 307

Answers (2)

Andy
Andy

Reputation: 71

Your markup for the youtube image has width="16" height="16" inline. The twitter image doesn't and so will be defaulting to it's normal size.

Upvotes: 0

Romko
Romko

Reputation: 1798

i see yo specified explicit size for the first but not for second

Upvotes: 1

Related Questions