Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2021-06-27 07:13:06
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,289
[SOLVED] CSS question
why section #ajutine
covers div .top
on this site?
it should not – z-index 500 versus 1, position fixed versus relative…
css:
.top {
background-color: #770600;
left: 0;
top: 0;
padding: 0;
width: 100%;
height: 55px;
border-top: 0px solid #1E435A;
position: fixed;
z-index: 500;
}
#ajutine {
background-position: center center;
background-size: cover;
height: 100vh;
}
#ajutine {
background-image: url(/images/1253.jpg);
background-position: center center;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 40vh;
position: relative;
z-index: 1;
}
Offline
Re: [SOLVED] CSS question
If I understand correctly, the .top
fixed bar is on top of the #ajutine
element (big background-image) here. Firefox / Safari.
PS – Loads quite slowly here, especially Firefox. Had to wait quite a bit for that image to load to make sure I saw it correctly.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
#3 2021-06-27 09:03:34
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,289
Re: [SOLVED] CSS question
phiw13 wrote #330742:
If I understand correctly, the
.top
fixed bar is on top of the#ajutine
element (big background-image) here. Firefox / Safari.
yes
yeah, slow. below is 2 background videos it needs to load…
Offline
Re: [SOLVED] CSS question
Gallex wrote #330743:
So what is actually the problem? Both browsers display your site correctly.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
#5 2021-06-27 10:02:17
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,289
Offline
#6 2021-06-27 12:14:09
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,289
Re: [SOLVED] CSS question
i have closing element error somewhere instead, i’m afraid…
Last edited by Gallex (2021-06-27 12:14:39)
Offline
#7 2021-06-27 12:42:53
- Gallex
- Member
- Registered: 2006-10-08
- Posts: 1,289
Re: [SOLVED] CSS question
solved
i had been inserted <txp:else />
in a wrong place :)
<txp:if_section name=" ">
<section id="ajutine">
<a href="/kontserdid/" class="ajutine"></a>
<txp:else />
</section>
</txp:if_section>
before </section>
not after. dear me…
Offline
Pages: 1