Hi Michelle,
Here you go. I think this is what you are wanting?
<table>
<tr>
<td>
<td class="table_cell_image">
<div class="image_content">
<span class="image_num">[001]</span>
<img src="farmhouse_-_house.001s.jpg" class="section_image">
</div>
<span class="comments">This is a comment.</span>
</td>
<style type="text/css">
.image_content {
position: relative;
}
.image_num {
font-size:2em;
top:20px;
left:20px;
position:absolute;
display:inline-block;
z-index:1;
}
.section_img {
position:relative;
z-index:0;
}
</style>
</td>
</tr>
</table>
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On May 24, 2018, at 1:45 PM, Michelle Konzack
> <[email protected]> wrote:
>
> Hello,
>
> Am 2018-05-24 hackte Karl DeSaulniers in die Tasten:
>> Try this for starters.
>>
>> .section_image {
>> top:0;
>> left:0;
>> position:absolute;
>> z-index:-1;
>> }
>
> I tried this and put the [001] in a DIV,
> but it move it to the upper left corner of the page.
>
>> Best,
>>
>> Karl DeSaulniers
>> Design Drumm
>> http://designdrumm.com
>>
>>> On May 24, 2018, at 1:08 AM, Michelle Konzack
>>> <[email protected]> wrote:
>>>
>>> Good morning,
>>>
>>> my website produce blocks like
>>>
>>> <TD class="table_cell_image">
>>> [001]<BR>
>>> <IMG src="farmhouse_-_house.001s.jpg" class="section_image"><BR>
>>> <SPAN class="comments"></SPAN>
>>> </TD>
>>>
>>> and I want o move the [001] as overlay in the left upper corner of
>>> the image.
>>>
>>> How to do this?
>>>
>>> Thanks in advance
>>>
>
> --
> Michelle Konzack Miila ITSystems @ TDnet
> GNU/Linux Developer 00372-54541400
>
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
