Table formatting in html pages : unwanted space between cells
-
I want to have a 2×2 table which will display 4 square images to make it appear as one image. When I put the following code in the text editor, the images are separated by blank space in the preview.
<CENTER>
<TABLE WIDTH=450 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC=”topleft.gif” NAME=”graphics1″ WIDTH=225 HEIGHT=225 BORDER=0>
</TD>
<TD>
<IMG SRC=”topright.gif” NAME=”graphics2″ WIDTH=225 HEIGHT=225 BORDER=0>
</TD>
</TR>
<TR>
<TD>
<IMG SRC=”bottomleft.gif” NAME=”graphics3″ WIDTH=225 HEIGHT=225 BORDER=0>
</TD>
<TD>
<IMG SRC=”bottomright.gif” NAME=”graphics4″ WIDTH=225 HEIGHT=225 BORDER=0>
</TD>
</TR>
</TABLE>
</CENTER>The blog I need help with is: (visible only to logged in users)
-
a) Link to the post or page in question please.
b) If you want “to make it appear as one image”, why don’t you turn them into one image (using an image editing application)? -
Hi,
Make sure you are placing HTML in the Text editor (Text tab). In the Visual tab, it will include <p> within or around your code when you click “Enter” for a new line.
Lauren
-
-
Thanks, justpi. In reply:
a) I didn’t publish because it didn’t work.
b) I want to be able to attach a different link to each image. Unfortunately, wordpress.com doesn’t allow image mapping, otherwise I would have used a composite image. -
a) It didn’t work because you’re using outdated coding, and because the styling of tables in newer themes includes various defaults you need to override.
b) That’s what I suspected, and you’re wrong.
You can generate the mapping code here:
http://www.isdntek.com/tagbot/imap.htm -
Thanks a lot, justpi. It worked a treat, as you can now see at http://bokboxer.wordpress.com/bok/. Most appreciated.
- The topic ‘Table formatting in html pages : unwanted space between cells’ is closed to new replies.
WordPress.com Forums 