Included menu op 1 pagina een andere positie geven
Ik heb een vraag over het volgende:
Ik heb op de homepagina het HTML5 <video> element. Hierbij heb ik een menu met een position absolute, zodat dit over de video heen valt. Nu include ik het gehele menu op alle pagina's, maar wil ik op de sub-pagina's het menu een position relative meegegeven.
Hoe kan ik dit het beste doen?
Als je op alle pagina's relative wilt gebruiken maak je deze cass:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
.menu {
background-color:#ffffff;
height: 50px;
width: 500px;
postition: relative;
}
background-color:#ffffff;
height: 50px;
width: 500px;
postition: relative;
}
en voor de homepage maak je een subclass
Code (php)
1
2
3
2
3
.menu-menuHomepage {
postition: absolute;
}
postition: absolute;
}
.menu-Homepage neemt alle eigenschappen van .menu over behalve degene die je opnieuw specificeert, in dit geval postion: absolute. Background, height, width etc hoef je dus niet opnieuw te specificeren.
Op je gewone pagina's geef je je menu zo weer:
<div class="menu">hier het menu</div>
en op je homepage zo:
<div class="menu menuHomepage">hier het menu</div>
Marlies Maalderink op 31/01/2017 14:05:25:
.menu-Homepage neemt alle eigenschappen van .menu over behalve degene die je opnieuw specificeert, in dit geval postion: absolute. Background, height, width etc hoef je dus niet opnieuw te specificeren.
Ik weet niet of je een of andere library/framework gebruikt, maar wat je hier beschrijft is geen normaal gedrag. Bij normaal CSS-gebruik is dit absoluut niet zo.
@Jan
Voeg dit eens toe boven het menu:
Code (php)
Stel dat jouw menu in een <ul> staat, dan voeg je het volgende aan die <ul> toe:
Code (php)
1
2
3
4
5
2
3
4
5
Je maakt nu in je css een class .menu aan waarin position: relative; staat, en daarnaast maak je een id #MENU_HOMEPAGE aan met position: absolute;
Of het werkt hangt wel af of jouw server $_SERVER['SCRIPT_URL'] ondersteunt. Niet alle servers schijnen dat te doen.
Laat even weten of het gelukt is.
Gewijzigd op 31/01/2017 17:16:11 door Ozzie PHP