Forums

dave

hello all, the question that i have is in refernce to the following link
http://css-tricks.com/forums/viewtopic.php?f=2&t=408&p=1930&hilit=wordpress+active+page#p1930

im basicly trying to do the same thing, the only difference is that im attempting to do this using wordpress with a custom template called photo.php which consist of the following code


<?php
/*
Template Name: photos
*/
?>



<?php get_header(); ?>


<body id=\"photo\">

	<div id=\"newpage\">


<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

				<h1 class=\"sectionhead\"><?php the_title(); ?></h1>
			
				<div class=\"post\" id=\"post-<?php the_ID(); ?>\">
			
					<div class=\"entry\">
						<?php the_content(); ?>
					</div>
				</div>

<?php endwhile; endif; ?>


		

	


		



	</div>



<?php get_footer(); ?>

</body>

according to the link that i mentioned, chris describes how one first needs to create a body tag in the file. as you can see i included the tag <body="photo">, which im not certain whether the opening and closing are in the right place.

second, this is the code that i have in my css file

ul.nav li.photos a:hover {
        width: 172px;
        background: url(images/navphotos.jpg) bottom no-repeat;
          }        
ul.nav li.news a:hover {
        width: 133px;
        background: url(images/navnews.jpg) bottom no-repeat;
          }
ul.nav li.about a:hover {
        width: 148px;
        background: url(images/navabout.jpg) bottom no-repeat;
          }
ul.nav li.contact a:hover {
        width: 224px;
        background: url(images/navcontact.jpg) bottom no-repeat;
          }

/* --------------------------------------------------------- */

body#photo ul.nav li.photos a {
background-position: bottom no-repeat;
}

i believe that im referencing the body tag in my photo.php file, yet when i click on the link on the page. it do not remain in the active state color, which i should be referencing by pointing to background-position: bottom.

is there something that im missing here? my rollover states and all are working fine, im just having problems with this active state page.

ok after a few hours of searching the forum i finally figured it out. basicly i used the php method that chris did a video on putting this bit of code...

<?php
	$page = $_SERVER['REQUEST_URI'];
	$page = str_replace(\"/\",\"\",$page);
	$page = str_replace(\".php\",\"\",$page);
	$page = str_replace(\"?s=\",\"\",$page);
	$page = $page ? $page : 'default'
?>

<body id=\"<?php echo $page ?>\">

in the header.php file. this allowed me to target that body properly
thanks chris.

treehouse : what would you like to learn today?

Forums

active state page question (solved)