• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

arrange

Engaged ,
Dec 23, 2022 Dec 23, 2022

Copy link to clipboard

Copied

Hi,

 

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

 

Is there any solution?

 

Hosun

 

Screenshot 2022-12-24 at 10.41.42 AM.png

TOPICS
How to

Views

200

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 23, 2022 Dec 23, 2022

Copy link to clipboard

Copied

See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

 

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Dec 24, 2022 Dec 24, 2022

Copy link to clipboard

Copied

quote

Hi,

 

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

 

Is there any solution?

 

Hosun

 

Screenshot 2022-12-24 at 10.41.42 AM.png


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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Dec 24, 2022 Dec 24, 2022

Copy link to clipboard

Copied

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

 

Step 1Step 1Step 2Step 2Step 3Step 3Step 4Step 4Step 5Step 5Step 6Step 6Screenshot 1Screenshot 1Screenshot 2Screenshot 2Screenshot 3Screenshot 3Screenshot 4Screenshot 4

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 24, 2022 Dec 24, 2022

Copy link to clipboard

Copied

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
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 24, 2022 Dec 24, 2022

Copy link to clipboard

Copied

[Moderator moved from Dreamweaver to InDesign.]

 

Nancy O'Shea, Product User & Community Expert
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 25, 2022 Dec 25, 2022

Copy link to clipboard

Copied

It appears to me that the OP has cracked open an EPUB and is using Dreamweaver to edit the HTML.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 25, 2022 Dec 25, 2022

Copy link to clipboard

Copied

LATEST

No he's not using Dreamweaver at all.  It's Notepad +. 

The only Adobe app I see is InDesign/Epub.

 

 

Nancy O'Shea, Product User & Community Expert
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines