Closed
Bug 329931
Opened 18 years ago
Closed 17 years ago
Images display/alignment off
Categories
(Firefox :: General, defect)
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
Comment 1•17 years ago
|
||
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
Comment 2•17 years ago
|
||
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.
Description
•