select menu element within an include

Question

I've never used the php include function but I recently read some good articles which encourage ti. I'm going to use it mainly for menus and footers, but here's my question:

How can I attach a HTML class to a menu element.

e.g.

menu.php

<nav>
    <ul>
        <li><a href=""></a>home</li>
        <li><a href=""></a>blog</li>
        <li><a href=""></a>about</li>
        <li><a href=""></a>contact</li>
    </ul>
</nav>

index.html

<?php include 'menu.php'; ?>

In this case how do I set a class to any of these menu elemnts without using different menu.php files?

Long story short I need it so I can apply certain styles to a single element in the list, and each html file will match the specific menu voice

E. G. index.html will have the "home" anchor styled differently than other three elements.

Thanks in advance.

Sorry, it is unlear what you actually ask for and what you try to do. Please _edit_ your questions text above using the `edit` button) and add more details. Try to think from the readers point of view... — arkascha, Aug 03 '13 at 17:32
What do you mean exactly by *"How can I attach a class to a menu element."*? Do you mean a CSS class, or a PHP class? You need to be more specific. PHP classes themselves are set inside `included` files, as an example, if that's what you're looking to do. More on PHP classes here: http://php.net/manual/en/language.oop5.basic.php **and** CSS classes: http://www.tizag.com/cssT/class.php — Funk Forty Niner, Aug 03 '13 at 18:22
I edited the question, I hope now it's more clear!... Thanks — oil-gap, Aug 03 '13 at 18:39
@oil-gap Have a look at this answer on SO, will surely help http://stackoverflow.com/a/4983739/1415724 — Funk Forty Niner, Aug 03 '13 at 19:01
@oil-gap You can also use `
`. There is also `current` which can highlight the current element if needed. — Funk Forty Niner, Aug 03 '13 at 19:03
@Fred I think I ve been misunderstood here. I do know how to add a class to an element, this is not the problem. I'll try to be more coear: I have a menu which is inside the menu.php file ok? Now I want to inject this menu in every html page via the include function. Let's say that i'm in the home page (index.html). I want the element

score 1 · Accepted Answer · answered Aug 05 '13 at 21:44

As per these examples

You can make use of option #2

CSS

#nav {
width:150px;
list-style:none;
}
#nav a {
color:black;
text-decoration:none;
}
#nav a:active, #nav a:focus, #nav a:hover {
color:red; 
}
#home #homenav, #about #aboutnav, #contact #contactnav {
color:red; 
}
#home #homenav:hover, #about #aboutnav:hover, #contact #contactnav:hover {
color:blue; /* add :active and :focus styles here also */
}

HTML

<body id="home"> <!-- the body needs a unique id -->
  <ul id="nav"> <!-- each anchor needs a unique id -->
    <li><a href="#" id="homenav">HOME</a></li>
    <li><a href="#" id="aboutnav">ABOUT</a></li>
    <li><a href="#" id="contactnav">CONTACT</a></li>
  </ul>
</body>

score 0 · Answer 2 · answered Aug 03 '13 at 17:32

0

Give your elements ids and set the class in the including file.

answered Aug 03 '13 at 17:32

Mundi

79,884
17
117
140

select menu element within an include

2 Answers2