This I have to try tonight...
My current try is here
<https://www.miila-mahe-aed.eu/farmhouse/house.html>
...but works only half.
Am 2018-05-24 hackte Karl DeSaulniers in die Tasten:
> 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 <k...@designdrumm.com>
>> 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
>>> <linux4miche...@tamay-dogan.net> 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
>>>>> <linux4miche...@tamay-dogan.net> 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 [css-d@css-discuss.org]
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/
