Skip to main content
Hosun
Inspiring
December 24, 2022
Question

arrange

  • December 24, 2022
  • 2 replies
  • 856 views

Hi,

 

I want to arrange <td class="B"> above <td class="A">.

 

Is there any solution?

 

Hosun

 

This topic has been closed for replies.

2 replies

Legend
December 24, 2022
quote

Hi,

 

I want to arrange <td class="B"> above <td class="A">.

 

Is there any solution?

 

Hosun

 


By @Hosun

 

Probably not if you are using tds but certainly if you use divs. The css z-index property is what is required. This allows you to stack elements, which are either relatively or absolutely positioned, in order of preference. View the link Ben supplied in his reply and see if that helps.

 

You can also achieve the desired effect if you use css grid to layout your page but that maybe a solution for a more advanced day.

Hosun
HosunAuthor
Inspiring
December 24, 2022

I am dealing with a table. I think it's the reason why z-index is not working in my case.

Do you have any commet about my issue?

****************************************************************************

Step 1. Currently, I am working on InDesign.

Step 2. I export it to EPUB. 

Step 3. To remove the top and left borders of the cell, I add a css (Screenshot 4).

Steps 4 & 5. There is a very tiny white gap on the topleft corner of the cell. It's my issue.

Step 6. I think the problem is; <td class="topleft-Cell-2"> is above <td class="Column-Cell-2-GM">. I want to reverse the arrangenet order. (The top border of <td class="Column-Cell-2-GM"> is not visible.)

 

Screenshots 1-4. xhtml and css

 

Hosun

 

 

 

Nancy OShea
Community Expert
Community Expert
December 24, 2022

Given that this forum is for questions related to Dreamweaver, see this on Stackoverflow.

https://stackoverflow.com/questions/42671013/z-index-is-not-working-inside-table

 

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
December 24, 2022
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!