Test this page please

The end class is in topbar.css

but it's not just "end" it's:

.mattblackmenu li a.end{}

:p

Edit: Modified the .end:hover to this:

Code:

---

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
color:#ff9933;
border-left:10px solid #000;
}

Needed 10px left border to work, what does it look like in Mac now?

---

Edit2: The other links have started moving to the left on rollover :S

Edit3: Me being an idiot, edited the links instead of the end link :P Fixed now...

haha i've been refreshing page 3, just found page 4. let me reload the main page now. The borders over lapping so its freaking out(flickering).

http://www.christophermacdonald.net/Picture%205.png

It's dropping down which is causing the flickering cause then the hover is off and then back on when it goes back up (if that makes sense).

Dang, so I think conditional statement is the way to go then?

hah i guess so. Are you sure the 10pixels is the right amount and its not just being limited in windows but maybe the mac needs the exact amount the border is?

Yea, any shorter and the hover doesn't cover it all, I will try writing that code in a minute, see if i can fix it

Ok, I've written the conditional statement and updated the site, now I just need to know how much of a border I need. For now, I've set it to 7px, tell me how it looks and whether I need to reduce or increase the size.

(Also tell me if it actually works :p)

Thanks,

Jack

needs to be smaller if conditional is working? Like 2 pixels less
Is conditional php or java can you write something like this is a mac or this is windows in each part of it and i'll let you know.

Ok updated again, if it works the background will go red, I will reduce the border a bit more.

yup background is red 1 less pixel should do it

Ok sweet, I'm at college at the moment, I'll update it a bit later when I get home, good to know it works though :)