using an image as a table corner

**thejoker101** · 12-23-2002, 01:15 PM

I'm trying to use an image to make a corner on a table. i don't know why, but I'm having some trouble. Here is a link to the page, (the code is probably too long to post):

http://www.geocities.com/manhattanse...ree/test1.html

any help is greatly appreciated.

**Zach Elfers** · 12-23-2002, 01:18 PM

I don't think that can be done with HTML, but you could use CSS and position it OVER the table's corner.

**thejoker101** · 12-23-2002, 01:24 PM

Hmm, I just looked at it in Mozilla and it looks fine. I'm refering to the first table, where it says hello hello hello. where it says "A title" to the right of that is a slanted image. It looks fine in mozilla, but messed up in IE6. This is going to be done with CSS and HTML, that's already understood. What i have already is done like that.

Ignore the tables below the first one.

**Zach Elfers** · 12-23-2002, 01:29 PM

It works fine in Netscape 7.0!

**thejoker101** · 12-23-2002, 01:32 PM

when i view it in IE6 i get a small gap between the title td and the image td next to it. I can't think of why it's there.

**Zach Elfers** · 12-23-2002, 01:36 PM

Just tried it in IE 6.0. I think that your positioning is too much to the right, or it could be that IE bug where things are off by 3px. It looks like a three pixel gap to me.

**Zach Elfers** · 12-23-2002, 01:46 PM

I suggest that instead of using tables, make a div and put that image inside the div on the right. Then make borders for ONLY the left, top, and bottom, but this still might not fix your problem completely.

**thejoker101** · 12-23-2002, 05:28 PM

Any one else have any help? I tried doing it with div's and spans but got the same result, see the bottom of the linked page.

**swon** · 12-23-2002, 06:07 PM

You set the table to 100%, remove the attribute width on your tables and it should works.

**thejoker101** · 12-23-2002, 06:29 PM

didn't work.

**swon** · 12-23-2002, 06:39 PM

Ok, remove the align=left of the 'corner' images!

**thejoker101** · 12-23-2002, 08:27 PM

Ah, you're my hero man. It works in IE6, the only browser I have. Anyone else have other browsers they can check it in. I'd really appreciate it.

**swon** · 12-23-2002, 08:40 PM

In IE4,5,6,NS4, tables looks good (only the menu is different in NS4, but that's not a problem (less than 10% of NS users))

By the way, merry christmas!!!!!***

**Stefan** · 12-23-2002, 09:40 PM

If you want to get rid of the tables you can do something like this

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
body {background:#ccc;}

.tab {text-align:right}
.tab span {float:left; width:100px; text-align:left; padding-left:10px; color:white; background:purple url(corner4.gif) 100% no-repeat;}

</style>
</head>
<body>

<div class="tab"><span>A Title</span> <a href="#">Brizzett</a> | 12-12-12 3:45 AM</div>
<div>hello<br>hello<br>hello</div>

<div class="tab"><span>A Title</span> <a href="#">Brizzett</a> | 12-12-12 3:45 AM</div>
<div>hello<br>hello<br>hello</div>

<div class="tab"><span>A Title</span> <a href="#">Brizzett</a> | 12-12-12 3:45 AM</div>
<div>hello<br>hello<br>hello</div>

</body>
</html>

**thejoker101** · 12-24-2002, 04:54 PM

The only problem stefan is that the corner picture isn't in there.

I've come across another question though. On the very bottom of the page, I would like the bottom TD to touch the bottom of the screen. I don't want the purple on the bottom. This seems fairly simple to do it, but I just can't think of it.

Thread: using an image as a table corner

Thread Tools

Display

using an image as a table corner

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions