IMHO.WS - Подсветка текушего раздела

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<?php $thisPage="Page Two"; ?>

<head><html>

<title>Название компании<?php if ($thisPage!="")

  echo " | $thisPage"; ?></title>

<meta name="title" content="Company Name<?php

  if ($thisPage!="") echo " | $thisPage"; ?>" />

<meta name="keywords" 

content="<?php if ($thisPage!="")

  echo "$thisPage, "; ?>

company name, keyword1, keyword2,

  keyword3" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

<!--

body {

  background:#fff;

  margin:0;

  padding:0;

  color:#000;

  font:x-small/1.5em Georgia,Serif;

  voice-family: "\"}\""; voice-family:inherit;

  font-size:small;

  } html>body {font-size:small;}



#header {

  float:left;

  width:100%;

  background:#DAE0D2 url("bg.gif") repeat-x bottom;

  font-size:93%;

  line-height:normal;

  }

#header ul {

  margin:0;

  padding:10px 10px 0;

  list-style:none;

  }

#header li {

  float:left;

  background:url("left.gif") no-repeat left top;

  margin:0;

  padding:0 0 0 9px;

  }

#header a {

  float:left;

  display:block;

  background:url("right.gif") no-repeat right top;

  padding:5px 15px 4px 6px;

  text-decoration:none;

  font-weight:bold;

  color:#765;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#header a {float:none;}

/* End IE5-Mac hack */

#header a:hover {

  color:#333;

  }

#header #current {

  background-image:url("left_on.gif");

  }

#header #current a {

  background-image:url("right_on.gif");

  color:#333;

  padding-bottom:5px;

  }

  

  

  

  

 -->

</style>

</head>



<body>

<div id="header">

  <ul>

    <li<?php if ($thisPage=="Page One") 

      echo " id=\"current\""; ?>>

      <a href="#">Страница 1</a></li>

    <li<?php if ($thisPage=="Page Two") 

      echo " id=\"current\""; ?>>

      <a href="#">Страница 2</a></li>

    <li<?php if ($thisPage=="Page Three") 

      echo " id=\"current\""; ?>>

      <a href="#">Страница 3</a></li>

    <li<?php if ($thisPage=="Page Four") 

      echo " id=\"current\""; ?>>

      <a href="#">Страница 4 </a> </li>

          <li<?php if ($thisPage=="Page Five") 

      echo " id=\"current\""; ?>>

      <a href="#">www.id-as.com/arts/ala/slidingdoors</a> </li>

          <li<?php if ($thisPage=="Page Six") 

      echo " id=\"current\""; ?>>

      <a href="#">www.webmascon.com/topics/development/19a.asp</a> </li>

  </ul>

 </div>

</body>

</html>

Предельно ясно, картинки правятся в CSS :yees:

Это один из вариантов, довольно колхозной на мой згляд верстки, в пхп не силен, так что если будут другие варианты, более успешные, было бы здорого узнать :beer: