First of all I should say I know very little about jquery and web dev in general. The little I do know is in thanks to this wonderful site.
I am using a few different freebie snippets from around the net that i tried to hack as much as possible. I think I have a simple question.
My site is http://www.samuelorf.com/?page_id=233#
What I want is the animated triangle used in the nav to remain in place on whichever the active link is. Currently it just snaps back to starting position no matter what page I am on.
Here is the CSS I used and modified from the interwebs. Let me know if I am missing something you geniuses might need.
All I modified was the #animated-tab
#minislide {
float: left;
margin: 0;
padding: 0px 26px 0px 10px;
position:relative;
z-index:2;
}
#minislide li {
float: left;
margin: 0;
padding: 0 15px 0 0;
display: inline;
list-style: none;
position:relative;
}
#minislide a:link, #minislide a:visited {
float: left;
line-height: 19px;
font-weight: 300;
margin: 0 10px 0px 10px;
text-decoration: none;
color: #fff;
}
#minislide a.active:link, #minislide a.active:visited {
border-bottom: 5px solid #fff;
padding-bottom: 1px;
color: #fff;
}
#minislide a:hover {
border-bottom: 5px solid #fff;
padding-bottom: 1px;
color: #fff;
}
#animated-tab {
position: absolute;
z-index: 1;
/*font-size: 85%;*/
line-height: 40px;
margin-bottom: 17px;
background: transparent url(images/icon-uparrowsmallwhite2.png) bottom no-repeat;
width:100%;
}
br
{
clear:both;
}
Thank you sooooo much.
Sam
