Здравейте,
Ръчкам един темплейт и съм сложил кода на навигационното меню в отделен файл (меню.php).
Проблема е това:
<strong class="noscreen noprint">Navigation:</strong>
<ul id="nav">
<li class="active"><a href="index.php" title="Homa page">Home</a></li>
<li><a href="portfolio.php" title="Portfolio">Portfolio</a></li>
<li><a href="./" title="About us">About us</a></li>
<li><a href="./" title="Photos">Photos</a></li>
<li><a href="./" title="Contact">Contact</a></li>
</ul>
CLASS="ACTIVE"
Искам този активe клас да е автоматичен за всяка страница. Тоест ако потребителя цъкне от home на портфолио и този link да стане aktive.
Ето и цcс кода макар да мисля, че не е нужен:
/* navigation */
ul#nav {position: relative;top: 30px;float: right;}
ul#nav li {float:left;}
ul#nav li a { padding: 0 15px;height: 32px; line-height: 32px;display: block;text-decoration: none;float: left;font-weight: bold;color: #fff; }
ul#nav li:hover {background: url('../img/nav-start.jpg') no-repeat;}
ul#nav li.active { color: #fff;background: url('../img/nav-start.jpg') no-repeat}
ul#nav li:hover a {background: url('../img/nav-end.jpg') no-repeat 100% 0}
ul#nav li.active a {background: url('../img/nav-end.jpg') no-repeat 100% 0}
Извинете ме, че не използвам ББцодес но като ги натисна и не се появяват.
Ръчкам един темплейт и съм сложил кода на навигационното меню в отделен файл (меню.php).
Проблема е това:
<strong class="noscreen noprint">Navigation:</strong>
<ul id="nav">
<li class="active"><a href="index.php" title="Homa page">Home</a></li>
<li><a href="portfolio.php" title="Portfolio">Portfolio</a></li>
<li><a href="./" title="About us">About us</a></li>
<li><a href="./" title="Photos">Photos</a></li>
<li><a href="./" title="Contact">Contact</a></li>
</ul>
CLASS="ACTIVE"
Искам този активe клас да е автоматичен за всяка страница. Тоест ако потребителя цъкне от home на портфолио и този link да стане aktive.
Ето и цcс кода макар да мисля, че не е нужен:
/* navigation */
ul#nav {position: relative;top: 30px;float: right;}
ul#nav li {float:left;}
ul#nav li a { padding: 0 15px;height: 32px; line-height: 32px;display: block;text-decoration: none;float: left;font-weight: bold;color: #fff; }
ul#nav li:hover {background: url('../img/nav-start.jpg') no-repeat;}
ul#nav li.active { color: #fff;background: url('../img/nav-start.jpg') no-repeat}
ul#nav li:hover a {background: url('../img/nav-end.jpg') no-repeat 100% 0}
ul#nav li.active a {background: url('../img/nav-end.jpg') no-repeat 100% 0}
Извинете ме, че не използвам ББцодес но като ги натисна и не се появяват.