Quick HTML question

Factual Questions
1

When I click on a link, how can I have it load a new version each time? I google it, and all these crazy javascripts for bypassing the cache come up. I’m experiencing some caching problems, and I’ve decided to just have it load a new page each time.

Any suggestions?

2

I believe that is a browser setting, what are you using?

3

You’ll need one of those crazy javascripts. Here’s an article that explains 'em pretty simply.

http://www.htmlgoodies.com/beyond/reference/article.php/3472881

4

Do you mean a link within your own website, or other sites? Because JavaScript can’t help you on other people’s sites.

If it’s other sites, VenusProbe is right, it’s a browser setting. Or, you can hold down your <Shift> key and click on Refresh/Reload in your browser’s toolbar.

5

It’s kind of tough to explain, so heres the walk through if you have a moment.

(This is my new website I’m building)

www.subtechbeats.com/frametwo.html

  1. Click on “all music”

  2. Roll over the song names, see how they change color?

  3. Click on a song name, a window will pop up. Close it.

  4. Rollover still works.

  5. Click any other button, say “links” for example.

  6. Click “all music” again. the links no longer rollover.

wtf?

I figure if it doesn’t cache, maybe it will load a new all music with rollovers

6

Works fine for me. What OS/browser are you using?

7

Looks like you need to tweak your styles:

.musiclink:link {color: blue; font-weight: bold;}
.musiclink:hover {color: orange; text-decoration: underline; font-weight: bold;}
.musiclink:visited {color: blue; font-weight: bold;}
.musiclink:active {color: blue; font-weight: bold;)

I’m guessing you want to change visited to the same formatting as hover.

8

Spoke too soon. In the “tracks from our album” section, the first, third and fifth links never display the rollover behavior, but everything else works. I’m using win2k and IE 6.0. Have you tried replacing the musiclink:hover with a rollover event handler?

9

Two things to mention.

  1. That orange panel that links are in is an iframe, could that affect behavior?

  2. the Css is within the head of the html file. Would it help if I made it global?

10

It’s simpler than that.

In the <A> tags, you should have class=“musiclink” rather than class=musiclink.

11

Soon as I hit post… You don’t really want visited posts to be permanently orange, right? :smiley:

Looks like the styles are defined in the wrong order. Try re-arranging them as:

.musiclink:link {color: blue; font-weight: bold;}
.musiclink:visited {color: blue; font-weight: bold;}
.musiclink:hover {color: orange; text-decoration: underline; font-weight: bold;}
.musiclink:active {color: blue; font-weight: bold

12

Nice guys, I knew it was me, because the behavior was the same on mac and pc and ff and Ie.

One other question. Does the link stay underlined unless I specifically use text decoration none?

13

I can’t get it to recreate your error (Firefox and IE on Win2K). Never had the problem myself, but I have had strange mouseover problems before in IE, and it was down to the format of the CSS tag.

Two things to try:

  1. Change the “musiclink” tags to the following format respectively:

A.musiclink { }
A:hover.musiclink { }
A:visited.musiclink { }
A:active.musiclink { }

  1. I managed to recreate one link not working after I’d clicked it , because the “active” tag doesn’t tell it to, and the link was left in an active state once it had been clicked (because another page had launched and the browser had re-focussed on it). I recommend you remove the “active” tag altogether; don’t know if this will avoid it, but it isn’t really necessary.

No guarantees that either of these things will work, but worth a try.

BTW, the iFrame and placement of the style instruction shouldn’t make any difference.

PS shame on you for using frames. Grr.

14

This really isn’t Cafe Society material. I’ll move this thread to General Questions.

15

Thanks all, problemo solved.

Just out of curiosity JJimm, what’s wrong with using frames? I couldn’t fathom doing this layout in CSS.

16

Well I’m probably being unfair. I work in corporate websites, and the use of frames is pretty much banned in my world - here’s an edit of an email I wrote to someone recently on the same subject:

Most of these consideration probably don’t apply to your site. As for building it in CSS, I agree - nightmare. Personally I’d use tables and just repeat the tableset per page - once the images are cached it shouldn’t take too long to load in - but I’m probably a bit old-skool.

Having said all that, it looks great (as did your last one). Do you do the graphics too?