Det jag försöker göra är att "highligta" menyvalet (subsidan) på min hemsida. Försöker göra detta genom att definiera en id per sida, och använda detta id för att styla elementen i stylesheeten. Hemsidan är dividerat i olika filer genom php-inlcude. Varje sida för sig själv, header, footer osv.
Definierar en variabel $pageId som jag skriver ut i min header.php och på så sätt sätter ett dynamisk id för varje sida.
Koden i subsidan me.php
Kod:
<?php
include("incl/config.php");
$pageTitle = "titelnamn";
$pageId = "me";
$pageStyle = '
figure {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-color:#5C0A0A;
-moz-box-shadow: 10px 10px 5px #8A0F0F;
-webkit-box-shadow: 10px 10px 5px #8A0F0F;
box-shadow: 10px 10px 5px #8A0F0F;
}
';
?>
<?php include("incl/header.php"); ?>
<body id='me' >
<?php include("incl/footer.php"); ?>
Koden i header.php
Kod:
<head>
<title><?php echo $pageTitle; ?></title>
<?php if(isset($pageStyle)) : ?>
<style type="text/css">
<?php echo $pageStyle; ?>
</style>
<?php endif; ?>
</head>
<body><?php if(isset($pageId)) echo " id='$pageId' "; ?>>
<!-- Header -->
<header id="above">
<nav class="related">
</nav>
</header>
<header id="top">
<nav class="navmenu">
<a id="me-" href="me.php">Me</a>
</nav>
</header>
Stylen definieras i ett separat CSS-fil (gäller när body#id och a#id stämmer överens)
Kod:
body#me a#me-,
{background:#858585;border:2px solid #656565;}
(tog bort icke-relevant kod som länk till CSS-fil etc).
Det funkar då menyvalet highlightas, MEN hemsidan skrivet ut ett irriterande "id='me' > " högst upp i högra hörnet. Varför?