Newlines in markup become whitespace text nodes, so the newline between <td> and <a ...> and the newline between </a> and </td> each become textNodes containing 1 space. Since the vertical-align defaults to baseline, space is left below the image for descenders.
To fix, add "vertical-align:top" (or bottom, either will work) to your image. dcm On Nov 18, 12:18 pm, akonsu <[EMAIL PROTECTED]> wrote: > hello, > > the xhtml below creates a table and puts a row of images in to it. > everything is fine except for i cannot figure out how to remove the > gap under the images (between the lower cell border and the images). > if i remove the DOCTYPE then the gap disappears but i would prefer to > stay in strict xhtml mode. > > thanks for any help! > konstantin > > <?xml version="1.0" encoding="utf-8"?> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml1";> > <body> > > <table border="1"> > <tr> > <td> > <a href="#" style="display:inline-block;"><img src="http://localhost: > 8000/static/_150x150_0807140.jpg" style="display:block;" border="0"/></ > a><a href="#" style="display:inline-block;"><img border="0" > style="display:block;" src="http://localhost:8000/static/ > _150x150_0807141.jpg"/></a> > </td> > </tr> > </table> > > </body> > </html> --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [EMAIL PROTECTED] -~----------~----~----~----~------~----~------~--~---
