Jag försöker göra en sak som inte riktigt vill fungera. Med hjälp av PHP ska dev menyavdelning som man just då besöker se lite annorlunda ut. För att ange vilken id man besöker använder jag https://www.sidan.com?id=menyvalet. Det fungerar lite grann för när man först går in på localhost är startsidan som har if ?id="" markerad som atkiv. Så här ser koden ut:
<ul>
<li<?php if ($id=="") echo " class=\"aktiv\""; ?>> <a href="./?id="<?php if ($id=="") echo " class=\"aktiv\""; ?>>startsidan</a></li>
<li<?php if ($id=="hej") echo " class=\"aktiv\""; ?>> <a href="./?id=hej"<?php if ($id=="hej") echo " class=\"aktiv\""; ?>>hej</a></li>
o.s.v.
</ul>
Det här är CSS-koden för utseendet:
#meny ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#meny li {
background-color: #F2EDC6;
float: left;
margin: 0px;
border-top: 0px solid #DBD8A4;
border-right: 1px solid #DBD8A4;
border-bottom: 1px solid #DBD8A4;
border-left: 0px solid #DBD8A4;
}
#meny li.alt {
width: 273px;
background-color: #F5F1D6;
padding: 7px 10px 3px;
float: left;
margin: 0px;
border-top: 0px solid #DBD8A4;
border-right: 0px solid #DBD8A4;
border-bottom: 1px solid #DBD8A4;
border-left: 0px solid #DBD8A4;
font-size: 10px;
line-height: 10px;
height: 15px;
}
#meny li.aktiv {
background-color: #FFFFFF;
float: left;
margin: 0px;
border-top: 0px solid #DBD8A4;
border-right: 1px solid #DBD8A4;
border-bottom: 1px solid #FFFFFF;
border-left: 0px solid #DBD8A4;
}
#meny a.aktiv {
padding: 7px 10px 3px;
color: #FF0000;
text-decoration: none;
display: block;
}
#meny a.aktiv:hover {
background-color: #FFFFFF;
text-decoration: underline;
}