Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2021-08-06 09:22:08

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

[SOLVED] CSS: z-index

hi!

i have been playing around with z-index , but still li.logo item covers li.sub ul.dropdown-menu (INFO) on #main-menu at this site.
resulting first link of submenu is not clickable. where is a hook?

Offline

#2 2021-08-06 13:54:04

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,061
Website GitHub Mastodon Twitter

Re: [SOLVED] CSS: z-index

I cannot find any display glitches on ff mac.


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#3 2021-08-06 15:06:42

Vienuolis
Member
From: Vilnius, Lithuania
Registered: 2009-06-14
Posts: 309
Website GitHub GitLab Twitter

Re: [SOLVED] CSS: z-index

Gallex wrote #331208:

i have been playing around with z-index , but still li.logo item covers li.sub ul.dropdown-menu (INFO) on #main-menu at this site.
resulting first link of submenu is not clickable. where is a hook?

You set li.sub { position:relative; z-index:20 !important } in the default style sheet, although I did not find <li class=“sub”> in HTML — only unnamed <li> around <span class=“diff-color”>Noortelaager</span> and its <ul class=“dropdown-menu”>. Try to set class=“sub” for the <li>.

Offline

#4 2021-08-06 15:37:08

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,061
Website GitHub Mastodon Twitter

Re: [SOLVED] CSS: z-index

Did you hand construct that menu? If not could you post the tags you used?


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#5 2021-08-07 06:55:38

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

Re: [SOLVED] CSS: z-index

colak wrote #331211:

Did you hand construct that menu?

yes.

<ul>
...
<li><span>Info</span>
<ul class="dropdown-menu">
<li><a href="/puhkemaja/">Küla Villa</a></li>
<li><a href="/miks-tulla/">Miks tulla</a></li>
...
</ul>
</li>

Offline

#6 2021-08-07 07:20:47

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,061
Website GitHub Mastodon Twitter

Re: [SOLVED] CSS: z-index

Is this what bothers you?


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#7 2021-08-07 07:24:52

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,061
Website GitHub Mastodon Twitter

Re: [SOLVED] CSS: z-index

In that case try

.logo {
background-color:transparent;
width:200px !important;
height:20px;
z-index:900 !important;
display: none;
}

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#8 2021-08-07 07:25:50

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

Re: [SOLVED] CSS: z-index

Vienuolis wrote #331210:

You set li.sub { position:relative; z-index:20 !important } in the default style sheet, although I did not find <li class=“sub”> in HTML — only unnamed <li> around <span class=“diff-color”>Noortelaager</span> and its <ul class=“dropdown-menu”>. Try to set class=“sub” for the <li>.

that’s it! changed to:

li ul.dropdown-menu{
position:relative;
z-index:25 !important;
}

thank’s for pointing out!

Offline

#9 2021-08-07 07:27:03

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

Re: [SOLVED] CSS: z-index

colak wrote #331213:

Is this what bothers you?

not anymore ;)

Offline

#10 2021-08-07 10:16:30

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

Re: [SOLVED] CSS: z-index

Gallex wrote #331215:

that’s it! changed to:

li ul.dropdown-menu{...

thank’s for pointing out!

wait a minute, still not working… :(

Offline

#11 2021-08-07 10:22:52

Gallex
Member
Registered: 2006-10-08
Posts: 1,304

Re: [SOLVED] CSS: z-index

colak wrote #331213:

Is this what bothers you?

in that image i can see that logo is behind the dropdown menu and KÜLA VILLA link is working in your screen, right?

why it is opposite in my screen…?
win10/chrome

Offline

#12 2021-08-07 11:01:44

Vienuolis
Member
From: Vilnius, Lithuania
Registered: 2009-06-14
Posts: 309
Website GitHub GitLab Twitter

Re: [SOLVED] CSS: z-index

li ul means ul only, not li (with span and ul).

Last edited by Vienuolis (2021-08-07 14:07:15)

Offline

Board footer

Powered by FluxBB