Oops. Had my style between the td and tr. Fixed.
<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>
</td>
</tr>
</table>
<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>
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On May 24, 2018, at 3:40 PM, Karl DeSaulniers <[email protected]> wrote:
>
> 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/
______________________________________________________________________
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/
