Closed Bug 7352 Opened 25 years ago Closed 25 years ago

{float} Image layouts created by piecing together images in tables

Categories

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

x86
Windows 98
defect

Tracking

()

VERIFIED FIXED

People

(Reporter: jer, Assigned: buster)

References

()

Details

(Whiteboard: [TESTCASE] hyp-x@inf.bme.hu)

Attachments

(1 file)

On the site, there is a menu constructed by several images in different tables cells which in Navigator 4.08/Communicator 4.6/IE 5 create a seamless larger image. Milestones 4-6 (And possibly earlier) leave space between the cells.

In the source, the tag is:
<table border=0 cellpadding=0 cellspacing=0>

Though I am not exactly an HTML guru, I still get the impression that if all is well, that, coupled with the border=0 (which exists in each cell), this should work.

Here's the source for the entire table, but it will be somewhat hard to read:

<table border=0 cellpadding=0 cellspacing=0>
<tr><td><IMG width=251 height=51 SRC="msearch.jpg" ALT="Search The Net" USEMAP="#msearch" BORDER=0><MAP NAME="msearch"><AREA SHAPE="rect" COORDS="30,24,207,48", HREF="http://www.vip.net/net/search" ALT="Search The Net" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Search the Net'; return true"></MAP></td></tr>
<tr><td><IMG width=251 height=26 SRC="msites.jpg" ALT="Popular Sites" USEMAP="#msites" BORDER=0><MAP NAME="msites"><AREA SHAPE="rect" COORDS="31,1,194,24", HREF="http://www.hotsheet.com" ALT="Popular Sites"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Popular Sites'; return true"></MAP></td></tr>
<tr><td><IMG width=251 height=26 SRC="msoftware.jpg" ALT="Hot Software" USEMAP="#msoftware" BORDER=0><MAP NAME="msoftware"><AREA SHAPE="rect" COORDS="32,1,191,22", HREF="http://www.vip.net/net/software" ALT="Hot Software"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Hot Software'; return true"></MAP></td></tr>
<tr><td><IMG width=251 height=30 SRC="msupport.jpg" ALT="Technical Support" USEMAP="#msupport" BORDER=0><MAP NAME="msupport"><AREA SHAPE="rect" COORDS="29,3,196,26", HREF="http://www.vip.net/support/" ALT="Technical Support" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Technical Support'; return true"></MAP></td></tr>
<tr><td><IMG width=251 height=119 SRC="mabout.jpg" ALT="About Us" USEMAP="#mabout" BORDER=0><MAP NAME="mabout"><AREA SHAPE="rect" COORDS="30,2,157,21", HREF="http://www.vip.net/about/" ALT="About Us" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='About Us'; return true"></MAP></td></tr>
</table>
Assignee: karnaze → kipp
The new line after the <img>s is causing the line containing them to be too
tall. The following example illustrates the problem. Reassigning to Kipp.


<head>
<base href="http://www.vip.net">
</head>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td><IMG width=251 height=51 SRC="msearch.jpg" BORDER=0><tr><td><IMG
width=251 height=26 SRC="msites.jpg"  BORDER=0>
</table>
<BR>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td><IMG width=251 height=51 SRC="msearch.jpg" BORDER=0>
<tr><td><IMG width=251 height=26 SRC="msites.jpg"  BORDER=0>
</table>
Status: NEW → RESOLVED
Closed: 25 years ago
Resolution: --- → DUPLICATE
This is not a bug. Mozilla is following CSS2's inline box model correctly.

*** This bug has been marked as a duplicate of 5821 ***
Status: RESOLVED → VERIFIED
Not a bug but a Nav4 vs CSS2 line box model. Verifying this a dup of #5821.
Status: VERIFIED → REOPENED
With my current tree there is now, also, a vertical line down between the images
which means the table isn't quite right. SIGH.
Status: REOPENED → ASSIGNED
Target Milestone: M7 → M12
Resolution: DUPLICATE → ---
Whiteboard: [TESTCASE] hyp-x@inf.bme.hu
The problem is that tables contained in a table cell with ALIGN=xxx attribute,
doesn't get aligned.
I'm attaching a testcase for that.
Summary: Image layouts created by piecing together images in tables → {float} Image layouts created by piecing together images in tables
Status: ASSIGNED → RESOLVED
Closed: 25 years ago25 years ago
Resolution: --- → FIXED
Thanks for the testcase and the clear explanation :-)

I just checked in a fix moments ago.
Status: RESOLVED → VERIFIED
Using 9/28 Apprunner with test case from 9/5. verified bug fixed. Alignment is
correct.
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: