Closed Bug 30967 Opened 26 years ago Closed 26 years ago

<td><p><img...></p></td> causes blank lines before and after image

Categories

(Core :: Layout: Tables, defect, P3)

x86
Windows NT
defect

Tracking

()

VERIFIED DUPLICATE of bug 28920

People

(Reporter: j.frandsen, Assigned: karnaze)

References

()

Details

Attachments

(1 file)

This URL: http://audio.homepage.dk/sw/menuwelc.html displays right in netscape and IE, but looks very wrong in Mozilla. The code is posted here: <HTML><HEAD><TITLE> sw menu </TITLE></HEAD> <BODY LINK="#101020" alink="#101020" vlink="#101020" BGCOLOR="#000000" TEXT="#000000" topmargin="0" marginheight="0" leftmargin="0" rightmargin="0" marginwidth="0" > <table border="0" bordercolor="#000000" cellspacing="0" cellpadding="0" width="100%"> <td width=10%>. </td> <td valign=top><p align=right> <img src="./video/buttonlsh.gif" width=38 height=49 border=0></p> </td> <td valign=center align=center bgcolor="#383860" background="./video/shadow.gif" width=16%><FONT size=4 face="verdana"><b> <a href="./lowerprof.html" target="lower" onmouseover="window.status='soundworks profile';return true" onmouseout="window.status='';return true"> PROFILE</a></b></font> </td> <td valign=top width=38><p align=lift> <img src="./video/buttonrsh.gif" width=38 height=49 border=0></p> </td> <td width=10%> </td> <td valign=top><p align=right> <img src="./video/buttonlsh.gif" width=38 height=49 border=0></p> </td> <td bgcolor="#383860" background="./video/shadow.gif" align=center valign=center width=16%><FONT size=4 face="verdana"><b> <a href="./lowerproj.html" target="lower" onmouseover="window.status='soundworks projects';return true" onmouseout="window.status='';return true"> PROJECTS</a></b></font> </td> <td valign=top><p align=left> <img src="./video/buttonrsh.gif" width=38 height=49 border=0></p> </td> <td width=10%> </td> <td valign=top><p align=right> <img src="./video/buttonlsh.gif" width=38 height=49 border=0></p> </td> <td valign=center align=center bgcolor="#383860" background="./video/shadow.gif" width=16%><FONT size=4 face="verdana"><b> <a href="./lowercont.html" target="lower" onmouseover="window.status='contact soundworks';return true" onmouseout="window.status='';return true"> CONTACT</a></b></font> </td> <td valign=top><p align=left> <img src="./video/buttonrsh.gif" width=38 height=49 border=0></p> </td> <td width=10%> </td> </table> </body> </HTML>
The "problem" is caused because <TD> <P align=left> <IMG ...> </P> </TD> inserts a blank line before and after the image, which makes the table row higher than intended and breaks therefore the layout. Is that intended behaviour or is it a bug? (BTW: Typo in Testpage: once align=lift instead of left (but is not the troublemaker)) Changing summary to reflect problem, is this a dupe of bug 28920?
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: M15 - nightly 2000030516 - wrong table rendering → <td><p><img...></p></td> causes blank lines before and after image
Question: Is this correct behaviour for HTML tables? The look is not intended, so either it's a bug in the HTML code or it's a bug in Mozilla's HTMLtables implementation? The intended look can be seen when viewed with netscape 4.7 or IE5
Attached file test case
*** This bug has been marked as a duplicate of 28920 ***
Status: NEW → RESOLVED
Closed: 26 years ago
Resolution: --- → DUPLICATE
VERIFY dupe
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: