Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#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
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
Re: [SOLVED] CSS: z-index
Gallex wrote #331208:
i have been playing around with
z-index
, but stillli.logo
item coversli.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
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
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
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
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!
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
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