Closed Bug 329931 Opened 18 years ago Closed 17 years ago

Images display/alignment off

Categories

(Firefox :: General, defect)

1.5.0.x Branch
x86
Windows XP
defect
Not set
normal

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: bill.barber, Unassigned)

Details

(Whiteboard: CLOSEME 06/27)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

I created a table with a css page linked in. The image is linked inside of two tables with alignment set to top.
The image is linked with no specific class <a href=link>.
The css file has for the link a reference to vertical-align: top
The image then show approximately 100 pixels above the position where it should be contained in the table cell.
See additional information for html and css file.

Reproducible: Always

Steps to Reproduce:
1. css file has an anchor referece which has a vertical-align: top value in it
2. the images is embedded in two tables and linked
3.

Actual Results:  
Image 100 px above the cell.

Expected Results:  
Image still contained in the cell with top alignment.

##Html File ####
<html>
<head>
<title>Web Team Project Portal</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<center>
<table width="788" height="100%" cellspacing=0 cellpadding=0 border=0>
<tr><td align="right"><img src="images/ingenix_logo.gif"></td></tr>
<tr><td><img src="images/top_border.gif"></td></tr>
<tr><td background="images/top_logo.gif" width=787 height=94 valign="bottom">
<!-- Nav -->
<table cellspacing=0 cellpadding=0 border=0 width="100%">
<tr><td><img src="images/blank.gif" width=230 height=94></td>
<td valign="bottom" align="center"><a href="index.php" class="navlink">Home</a></td>

<td valign="bottom" align="center"><img src="images/menu_pipe.gif"></td>
<td valign="bottom" align="center"><a href="browse.php" class="navlink">Browse</a></td>
<td valign="bottom" align="center"><img src="images/menu_pipe.gif"></td>
<td valign="bottom" align="center"><a href="news.php" class="navlink">News</a></td>
<td valign="bottom" align="center"><img src="images/menu_pipe.gif"></td>
<td valign="bottom" align="center"><a href="faqs.php" class="navlink">FAQ's</a></td>
<td valign="bottom" align="center"><img src="images/menu_pipe.gif"></td>
<td valign="bottom" align="center"><a href="submit.php" class="navlink">Submit Items</a></td>
<td valign="bottom" align="center"><img src="images/menu_pipe.gif"></td>
<td valign="bottom" align="center"><a href="contact.php" class="navlink">Contact</a></td>
<td><img src="images/blank.gif" width=30 height=1></td>

</tr>
</table>
</td></tr>
<tr><td height="100%">
<!-- End Header -->


<table width="100%"  height="100%" cellspacing=0 cellpadding=0 border=0>
<tr><td width="50%" align="right">
<table border=0 width="100%" height="310">
<tr>
<td valign="top">
<table>
<tr><td align="left" valign="top" colspan=2><a href="browse.php?teamid=1&categoryid=1&prodid=6" class="projTitle">Ingenix.com</a></td></tr>
<tr><td valign="top"><span class="indexBold">Description:</span></td><td><span class="indexText">Portal for ingenix</span></td></tr>

<tr><td valign="top"><span class="indexBold">Purpose:</span></td><td><span class="indexText">Direct customers to resources</span></td></tr>
<tr><td valign="top"><span class="indexBold">Alternate Applications:</span></td><td><span class="indexText">None</span></td></tr>
<tr><td><span class="indexBold">Contact Person:</td><td><a href="mailto:kirk.flowers@ingenix.com">Kirk Flowers</a></td></tr>
</table></td>
<td valign="bottom"><a href="screenshots/Winter.jpg" target="_blank"><img src="screenshots/Winter.jpg" border=0 width="128" height="128"></a></td>
</tr></table>


</td><td align="center" valign="bottom" width=2><img src="images/vert_top.gif"></td><td width="50%" align="left">
<table border=0 width="100%" height="310">
<tr>

<td valign="bottom" align="left"><a href="screenshots/ietss.gif" target="_blank"><img src="screenshots/ietss.gif" border=0 width="128" height="128"></a></td>
<td valign="top" width="100%">
<table width="100%">
<tr><td align="right" valign="top" colspan=2><a href="browse.php?teamid=1&categoryid=1&prodid=7" class="projTitle">IET Portal</a></td></tr>
<tr><td valign="top"><span class="indexBold">Description:</span></td><td><span class="indexText">Portal for managing content and form submission.</span></td></tr>
<tr><td valign="top"><span class="indexBold">Purpose:</span></td><td><span class="indexText">Display content</span></td></tr>
<tr><td valign="top"><span class="indexBold">Alternate Applications:</span></td><td><span class="indexText">Other departments</span></td></tr>
<tr><td><span class="indexBold">Contact Person:</td><td><a href="mailto:bill.barber@ingenix.com">Bill Barber</a></td></tr>

</table></td>
</tr></table>


</td></tr><tr><td colspan=3 align="center"><img src="images/horiz_bar.gif"></td></tr><tr><td width="50%" >
<table border=0 width="100%" height="310">
<tr>
<td valign="bottom" height="100%">

<table >
<tr><td align="left" valign="top" colspan=2><a href="browse.php?teamid=1&categoryid=1&prodid=5" class="projTitle">IngenixOnline.com</a></td></tr>
<tr><td valign="top"><span class="indexBold">Description:</span></td><td><span class="indexText">Main interface for customers to order ingenix supplies</span></td></tr>
<tr><td valign="top"><span class="indexBold">Purpose:</span></td><td><span class="indexText">Ordering media from ingenix</span></td></tr>

<tr><td valign="top"><span class="indexBold">Alternate Applications:</span></td><td><span class="indexText">e-commerce site.</span></td></tr>
<tr><td><span class="indexBold">Contact Person:</td><td><a href="mailto:jr.bosarge@ingenix.com">Jason Bosarge</a></td></tr>
</table></td>
<td align="right" valign="top"><a href="screenshots/ioss.gif" target="_blank"><img src="screenshots/ioss.gif" border=0 width="128" height="128"></a></td>
</tr></table>


</td><td valign="top" align="center" width=2><img src="images/vert_bottom.gif"></td><td width="50%">
<table border=0 width="100%" height="310">
<tr>
<td valign="top" align="left" width="128" height="100%"><a href="screenshots/Winter.jpg" target="_blank"><img src="screenshots/Winter.jpg" border=0 width="128" height="128"></a></td>
<td valign="bottom">
<table>

<tr><td align="right" valign="top" colspan=2><a href="browse.php?teamid=1&categoryid=1&prodid=8" class="projTitle">i3 DLN</a></td></tr>
<tr><td valign="top"><span class="indexBold">Description:</span></td><td><span class="indexText">Content site for i3</span></td></tr>
<tr><td valign="top"><span class="indexBold">Purpose:</span></td><td><span class="indexText">Distributing of content</span></td></tr>
<tr><td valign="top"><span class="indexBold">Alternate Applications:</span></td><td><span class="indexText">any i3 site</span></td></tr>
<tr><td><span class="indexBold">Contact Person:</td><td><a href="mailto:kirk.flowers@ingenix.com">Kirk Flowers</a></td></tr>
</table></td>
</tr></table>

</td></tr></table>



<!-- Start Footer -->
</td></tr>
<tr><td background="images/bottom_border.gif" align="center" valign="middle" width="786" height="20"><a href="mailto:bill.barber@ingenix.com" class="bottomLink">Contact Webmaster</a></td></tr>
</table>
</center>
</body>
</html>

###End HTML###


###CS File ####
.body
{
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 11px;
}
table {
}
td 
{
	font-family: Verdana, Arial, Helvetica, san serif; 
	color: #151520; 
	font-size: 11px; 
}

a
{
	font-weight: normal;
	font-size: 12px;
	color: #413E56;
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica, san serif;
	text-decoration: none;
}
a:hover{
	font-weight: normal;
	font-size: 12px;
	color: #549BF2;
	vertical-align: top;
	font-family: Arial, Verdana, Helvetica, san serif;
	text-decoration: none;
	
}

b { font-family: Arial, Verdana, Helvetica, san serif; font-size: 12px; font-weight: bold; }
th { font-family: Arial, Verdana, Helvetica, san serif; font-weight: bold; font-size: 11px; text-transform: capitalize; text-align: left; vertical-align: top; color: #4B4B76 }
form { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; color: #151620; }
input { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; color: #151620; }
textarea { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; color: #151620; }
select { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; color: #151620; }
ul { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; list-style-type: circle; list-style-position: outside; color: #4B4B76 }
li { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; color: #151620; }
ol { font-family: Arial, Verdana, Helvetica, san serif; font-size: 13px; list-style-type: upper-alpha; list-style-position: outside; color: #4B4B76 }
h1
{
	font-size: 18px;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	color: #323548;	
}
###End CS File
Please attach a minimal testcase using the 'Add an attachment' link above, and test with a firefox trunk build.
Whiteboard: CLOSEME 06/27
Version: unspecified → 1.5.0.x Branch
No response from reporter re: comment 1 -->INCOMPLETE.
Reporter, if you still see this problem with the latest release of Firefox 2, please reopen this bug. Thanks!
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.