Closed Bug 269953 Opened 20 years ago Closed 20 years ago

Anchor tags with class attribute containing an image tag not rendered properly

Categories

(Core :: Layout, defect)

x86
Windows 2000
defect
Not set
normal

Tracking

()

VERIFIED DUPLICATE of bug 116762

People

(Reporter: bcr_13035, Unassigned)

Details

Attachments

(1 file)

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.0.3705)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

The following table is not rendered properly. If I place the image in its own 
anchor that does not specify a class then it displays corectly.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>FireFox Test Page</title>
<style>
.topbox {
	font-family: Verdana;
	font-size: xx-small;
 	vertical-align:top;
	color: #FFFFFF;
	background-color: #0000FF;
}
.bottombox {
	font-family: Verdana;
	font-size: xx-small;
 	vertical-align:top;
	color: #FFFFFF;
	background-color: #FF0000;
}
.bottomlink {
	font-family: Verdana;
	font-size: xx-small;
 	vertical-align:top;
	color: #00FFFF;
	background-color: #FF0000;
}
</style>
</head>
<body>
  <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="100" class="topbox">
        Some Text.
      </td>
    </tr>
    <tr>
      <td height="100" class="bottombox">
        <a href="Link_Page.htm" class="bottomlink">
          <img src="Some_Image.jpg" border="0" width="200" height="50" 
alt="Some_Image.jpg">
          Link Text
        </a>
        Some More Text
      </td>
    </tr>
  </table>
</body>
</html>


Reproducible: Always
Steps to Reproduce:
1. place the code provided in the detail in an html file and open it.
2.
3.

Actual Results:  
The image is split across the top box and the bottom box.

Expected Results:  
The image should be in the bottom box and not split across both boxes.
Component: General → Layout
Product: Firefox → Browser
Version: unspecified → 1.7 Branch
Attached file Reporter's testcase
Assignee: firefox → nobody
Keywords: qawanted
QA Contact: firefox.general → core.layout
Version: 1.7 Branch → Trunk
That's caused by the vertical-align:top declaration.

*** This bug has been marked as a duplicate of 116762 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
Status: RESOLVED → VERIFIED
Keywords: qawanted
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: