make it so you still select it when hovering over the icons.
Doing it now, give me a sec.
this may take a while, i must rearrange a bunch of shit
Edited:
Code:
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#homeImg').mouseover(function(){
$('#nav ul li a.firstItem').css('background-color', 'rgba(200,50,40,0.9)');
});
$('#homeImg').mouseout(function(){
$('#nav ul li a.firstItem').css('background-color', 'rgba(0,0,0,0)');
});
$('#nav ul li a.firstItem').mouseover(function(){
$('#nav ul li a.firstItem').css('background-color', 'rgba(200,50,40,0.9)');
});
$('#nav ul li a.firstItem').mouseout(function(){
$('#nav ul li a.firstItem').css('background-color', 'rgba(0,0,0,0)');
});
});
this is the worst thing i have ever done
and i have to do it for every single nav item
oh god
Well at least my teacher will grade me well, everyone else in my class is just making the site design in fireworks, then slicing it up and sticking it in dreamweaver.
edit: http://pastebin.com/LnSwPyLu
coder of the year
edit: I just made a solution in like 8 lines of CSS.
fuck