CODEWITHSUNDEEP
htmlcsswordpressimagehtml-table
Dek Dek
Dek Dek

Reputation: 101

img tag having white space at the bottom

I'm creating a wordpress page and creating a certain part with background image, The main issue was, one of the image in css is being cut or split here is the link to the site:

http://testpress.dramend.com/amend-2/ the image being split was loopmid.gif which was not connecting to looptop.gif here is the screenshot:

enter image description here

<tr>
   <td height="23"><img width="707" height="23" alt="" src="http://dramend.com/looptop.gif"></td>
</tr>

Have I done anything wrong in my CSS?

Thanks

Upvotes: 1

Views: 149

Answers (4)

user2999210
user2999210

Reputation: 1

In your css file please add following lines:

table, td, tr {
   margin:0; 
   padding:0;
}

Upvotes: 0

Green Wizard
Green Wizard

Reputation: 3667

Since you are using table for designing layout, which is not suggested as Mr.Alien said, you may use display:table; for that img tag as well.

Upvotes: 0

Nemeth
Nemeth

Reputation: 166

Instead of using table for design, try using div and CSS Positioning

Upvotes: 0

Mr. Alien
Mr. Alien

Reputation: 157334

You need to use display: block; or you can use vertical-align: bottom; as well for the img tag since it is inline element by default...that will solve the issue.

Also, you are using table for designing layouts which is just dirty.. Learn CSS Positioning, floats, and make layouts using other tags like div, section etc

Upvotes: 7

Related Questions