Closed
Bug 132706
Opened 23 years ago
Closed 23 years ago
User must use an invalid align = "top" attribute in orfer to get spliced images to appear correctly
Categories
(Core :: Layout: Tables, defect)
Tracking
()
People
(Reporter: rianhall1, Assigned: karnaze)
Details
Attachments
(3 files)
I was attempting to convert a spliced image to a table. However build 2002031005
is requiring me to use an invalid align = "top" tag in each <td>. If I do not
add align = "top" to each <td> I get a white space between each <tr>:
Steps to recreate:
1. Enter the following XHTML
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../Sites/images/logo.gif" /></td>
<td><img src="../Sites/images/logo_blank.gif" /></td>
<td><img src="../Sites/images/logo_blank.gif" /></td>
</tr>
<tr>
<td><img src="../Sites/images/home.gif" /><img src="../Sites/images/recipes.gif"
/><img src="../Sites/images/forums.gif" /><img
src="../Sites/images/contact_us.gif" /></td>
<td><img src="../Sites/images/navbar_blank.gif" /></td>
<td><img src="../Sites/images/navbar_blank.gif" /></td>
</tr>
</table>
</body>
</html>
2. Notice the whitespace between the first and second <tr>
3. Now try this XHTML:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../Sites/images/logo.gif" align = "top" /></td>
<td><img src="../Sites/images/logo_blank.gif" align = "top" /></td>
<td><img src="../Sites/images/logo_blank.gif" align = "top" /></td>
</tr>
<tr>
<td><img src="../Sites/images/home.gif" align = "top" /><img
src="../Sites/images/recipes.gif" align = "top" /><img
src="../Sites/images/forums.gif" align = "top" /><img
src="../Sites/images/contact_us.gif" align = "top" /></td>
<td><img src="../Sites/images/navbar_blank.gif" align = "top" /></td>
<td><img src="../Sites/images/navbar_blank.gif" align = "top" /></td>
</tr>
</table>
</body>
</html>
4. Notice the white space between the 1st and 2nd <tr> is now gone. Now I know
align = "top" is not valid, but valign does not appear to fix it. Only align will.
|
||
Comment 3•23 years ago
|
||
Indeed. You need to either use a doctype that will not trigger standards mode
or apply some CSS to the images to make them act like blocks (which is what
you're wanting them to act like).
Bug 22274 has a description of the problem at length, as well as solutions
*** This bug has been marked as a duplicate of 22274 ***
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•