I have this:
ul.rollover-ex li a:current { background-position: 0 -300px;}
ul.rollover-ex li.button2 a:current { background-position: 0 -750px; }
ul.rollover-ex li.button3 a:current { background-position: 0 -1200px; }
ul.rollover-ex li.button4 a:current { background-position: 0 -1650px; }
ul.rollover-ex li.button5 a:current { background-position: 0 -2100px; }
ul.rollover-ex li.button6 a:current { background-position: 0 -2550px; }

But it seems I may need to designate each button for the page it is associated with and I’m not sure how to write that in.

Any suggestions?

Buuut, I guess I should have been more clear. I was thinking in terms of using it for specific images, such as a handful of thumbnails in a sprite format, for a portfolio. That way I wanted to use it as an include file for multiple pages.

I’ve seen other solutions for CSS for hyperlinks and current page that identified the current page in the body tag as an id or at the top of the page with a PHP tag. Had hoped there might be an easy solution for this sample code too.

Cheers!

<?

$q = mysql_query("SELECT * FROM menu_table ORDER BY sort");
while( $row = mysql_fetch_array($q) ){
if( $_GET['page'] == $row['id'] ){ $current = 'Current'; }
echo '<a href="?page=’ . $row['id'] . ‘" rel="nofollow">’ . $row['text'] . ‘</a>’;
$current = ”;
}
?>

That would require you to add a class to the li’s ( eg. li.MenuItem ) and style them all at once. The id would remain for JavaScript purposes.

You could then use li.MenuItem:hover to change the text colors.

The php would then use either a while loop or a foreach to render the li’s inside the ul.

<?

$q = mysql_query("SELECT * FROM menu_table ORDER BY sort");
while( $row = mysql_fetch_array($q) ){
if( $_GET['page'] == $row['id'] ){ $current = 'Current'; }
echo '‘ . $row['text'] . ‘‘;
$current = ”;
}
?>

* Although after reading throught the javascript I don’t see the ID beeing used for anything but CSS styling. You would ofcourse just create one master class for all the elements.

From what it seems it would be

ul

li.MenuItem
li.MenuItem:hover

li.MenuItemCurrent

This of course needs some modification to fit into your application but I hope this helps you as to how one would approch this.

Currently you are indicating the home page and the about page are the current page in the php of the li….so, how would one go about setting this up?

Thanks and super job!