Indexhibit Support

I am having really strange behavior on this page: annatype.com/… - the links in the menu and on this particular page should be styled so on hover they turn red, no underline. the content of the page lives inside a div with an ID of "indexpage" so i can style just this one page differently (when the site is live it will be the main index page.)

in the body of the site, for example, this page: annatype.com/… - there is a dotted underline to show it is a link, and on hover, both the line and the word turns red. this works fine. links on that index-placeholderpage are wildly inconsistent. some of the links do nothing on hover, some work fine. in the menu, 'news' and 'teaching' work fine, but 'index' and 'about' show nothing on hover.

the worst part of this is a different computer, running the same OS and version of Safari, none of the links do anything on hover. i have examined the code and it looks good to me, but i think maybe i am losing my mind. this is the CSS code for the links:

1. /* links styles only for the #index region */
2. #index a:link { text-decoration: none; color: #000; } 
3. #index a:hover { text-decoration: none; color: #ff4747; } 
4. #index a:active { text-decoration: none; color: #000; } 
5. #index a:visited { text-decoration: none; color: #000;}

/* links styles only for the #exhibit region */
#exhibit a:link { text-decoration: none; color: #000; border-bottom: 1px dotted #b4b4b4; }
#exhibit a:hover { text-decoration: none; color: #ff4747; border-bottom: 1px solid #ff4747; }
#exhibit a:active { text-decoration: none; color: #000; }
#exhibit a:visited { text-decoration: none; color: #000; }

/* links styles only for the #indexpage region */
#indexpage a:link { text-decoration: none; color: #000; border: 0px}
#indexpage a:hover { text-decoration: none; color: #ff4747; }
#indexpage a:active { text-decoration: none; color: #000; }
#indexpage a:visited { text-decoration: none; color: #000; }

and this is a link to the stylesheet: annatype.com/ndxzsite/annatype/…

I am sure I am doing something wrong but I cannot figure out what it is. thanks for any help you can give me!

-mitch

I'm testing your page in linux chromium and ff, and both work perfectly well and consistently, can't see anything of what you're reporting. View source reports some errors of wrongly formatted br tags at the end of the index-placeholder

otherwise, caching issue?

I have emptied the cache, restarted the computer, done everything i can think of to empty out any gunk and it is still acting crazy for me. the comp is only a 2-week old install of Lion and has been fine until this. also looked at it in chrome and it does the same thing.

in your opinion, i am correctly selecting the tags, etc... via the CSS?

I am going to try and make a version of the page that is stripped out of all extra BR, P, etc..

OK, this gets more bizarre... it appears as though the rollover working or not depends on the actual text of the href. if something links to ".../thing-one" it may not work, but if i change it to ".../thingg-one" it will.

so basically it looks like a bug with OS X Lion and our specific computers. I guess?

Can anyone else please look at this page and let me know if 100% of the links (including the entire menu, including "anne jordan") rollover to red?

annatype.com/…

thanks!

I can't see any problem from here, just as before. Can you give us a specific page with a specific problem/behaviour?

OK, it looks like it must be our computers, a friend also just verified 100% of the links work fine, showing as red when rolled over. on our machines, only some of them rollover, others do not. and it seems to change randomly. On this page: annatype.com/… in the menu, 'anne jordan' and 'index' do nothing when rolled over. same with the item 'material meaning-mfa thesis' at the top of the 1st column and 'catch' in the second column.

lets consider this one closed... and strange. thanks!

I have been having this problem too! I find that after I have visited a link in my index, rollover function ceases to work (regardless of the browser that I am using on my computer.) When I try on another computer, it seems to not be a problem in firefox, but I find the same problem in safari.

I have been working for three days to resolve this. I've double checked my css many times and have tried working straight from the defaults as well.

This seems to only be happening for links in the index.

mitch,

i just checked out your site and am seeing the same problem that I have. Rollover works fine for the links in your index UNTIL you visit them. After they have been visited, rollover ceases to work. This is happening for me with Safari, FF, and Chrome.

-Josh

Admins,

Is there any way to remove the "Resolved" status from this thread? This problem is definitely not resolved.

Thanks,
Josh

Ahhh OK. so i am not crazy. for the record i am using:

OS X 10.7.4
Safari 5.1.7
Chrome 19.0.1084.54

this issue appears to only be happening with indexhibit 2.0 sites. works fine elsewhere.

mitch,

i've never seen anything like this before. if i figure anything out i'll be sure to let you know.

best,
josh

on a pc windows 7 - with chrome 19.0.1084.52 m - visited links turn red on hoover, but after visiting once they stay black.

could it have something to do with the settings for the 'counter' option? -> When you are logged in and look at a preview of your main page, there is a yellow menu top right of your screen?

Finally figured this out. According to W3, a:hover has to come after a:visited in order to be effective. See: w3schools.com/css/…

Hmmm, I was under the impression that this wasn't really necessary. But, I'll be happy to make the change...

;)

Thanks! I was also under the same impression but it seemed to fix the problems I was having.

WOW... fantastic sleuthing josh, thanks so much!