Image over two table cells?

[Herbert Meister]

Hi,

I need to add a feature button to an existing page, but I don't want to
destroy the images inside my table. It would be great to put a layer or
something over the relative position of a table (w/o js). Is there any
way to do this?

TIA

 

[Jonathan N. Little]

Hi,

I need to add a feature button to an existing page,

Which page, if it exists show us with a URL then we can better advise

 

[Herbert Meister]

Jonathan N. Little wrote

Which page, if it exists show us with a URL then we can better advise

Sorry, I usually don't show pages from the companies I work for on the
usenet. I hope you'll understand this.

It's just an ordinary table that is displayed on the center (!) of the
page. So I would need a relative positioned layer. Is it possible?

 

[Andy Dingley]

Sorry, I usually don't show pages from the companies I work for on the
usenet. I hope you'll understand this.

Sorry, we don't usually answer questions that we can't see.
I hope you'll understand this.

Get a politically-uncontroversial example posted somewhere where we
can see it. Then the busy people who are most likely to be able to
help you might do so. Otherwise they're unlikely to, you'll think
they're doing it simply because they hate you, but they won't care two
hoots one way or the other.

 

[Sherman Pendley]

Jonathan N. Little wrote

Sorry, I usually don't show pages from the companies I work for on the
usenet. I hope you'll understand this.

Sorry, but we usually don't guess about what might be wrong with pages
we can't see. I hope you'll understand this.

sherm--

 

[Bone Ur]

Well bust mah britches and call me cheeky, on Tue, 13 Nov 2007 15:04:50 GMT
Herbert Meister scribed:

Jonathan N. Little wrote

Sorry, I usually don't show pages from the companies I work for on the
usenet. I hope you'll understand this.

It's just an ordinary table that is displayed on the center (!) of the
page. So I would need a relative positioned layer. Is it possible?

Well, a url is generally preferable, but in this case the generality and
simplicity of the question belie that (-despite comments from the peanut
gallery.)

Put the image in a relatively-positioned <div> inside the cell and put an
absolutely-positioned button within that.

 

[richard]

Hi,

I need to add a feature button to an existing page, but I don't want to
destroy the images inside my table. It would be great to put a layer or
something over the relative position of a table (w/o js). Is there any
way to do this?

TIA

Not really. What you need to do make the image fit into two cells is to
merge them. See proper use of "colspan" and "rowspan".

 

[Herbert Meister]

Put the image in a relatively-positioned <div> inside the cell and put an
absolutely-positioned button within that.

That's what I thought. But it seems that the relative position doesn't work.

<div id="main2" style="position:relative; top:22; left:22; width:100;
height:100; border:1 solid blue; background-color:green; overflow:
visible; visibility: visible; z-index: 2; clip: rect(2,244,244,2);">

<img src="test.jpg" alt="tset" width="50" height="49" />

</div>


But I killed my old buttons and created a backup of the old page. So
when my feature buttons isn't needed anymore I just reload my backup.

Although it would be nice to have a solution for this kind of
layer/table positioning. I once did this via javascript but it is to
slow when resizing.

 

[Jonathan N. Little]

That's what I thought. But it seems that the relative position doesn't
work.

<div id="main2" style="position:relative; top:22; left:22; width:100;
height:100; border:1 solid blue; background-color:green; overflow:
visible; visibility: visible; z-index: 2; clip: rect(2,244,244,2);">

<img src="test.jpg" alt="tset" width="50" height="49" />

</div>

You put the "position: relative" on the parent of the "position:
absolute" to get the absolutely position element to be relative to
parent and not the page... also with css properties lengths need units[*]

<!-- are you really using XHTML? -->
<div id="main2" style="position:relative; width: 100px; height: 100px;
border:1px solid blue; background-color: green;">

<img src="test.jpg" alt="tset" width="50" height="49" style="position:
absolute; top: 22px; left: 22px; " />

</div>

 

[Bergamot]

That's what I thought. But it seems that the relative position doesn't work.

It does if you use it correctly. If you haven't read the specs, or at
least a good tutorial, you're probably making some false assumptions
about relative positioning.

<div id="main2" style="position:relative; top:22; left:22;

Are you sure that's what you really want to do?
http://brainjar.com/css/positioning/