Now on the link "Kyrie", click it. It goes to the main page (home) and is the only working link (basically, it loads the same page). Well the problem is the 1st time (when cookies are fresh) the hover-color works. But when its "previously" visited, it doesn't change color when you hover your mouse over it.
1) Also using firefox, and I'm not getting a color change on hover to begin with. (Before, or after clicking your link)
2) Don't define font size in pt's. If you do, font sizes will vary by browser and OS. Use px or em to get a more consistant size for all users.
3) Why are you using HTML comments inside style code? I don't think this is a good idea, will someone who knows confirm, or correct me? If you're trying to hide the style from an old browser, I think using @import would be a better idea
From: Sin City (Can you guess where?) Insane since: Sep 2004
posted 11-15-2004 06:10
Hm. Interesting. Ive never done stuff like that. This is going to be a huge step for me. I was wondering - if someone would take the souce at the bottom of this page and convert it so it fully validates and works correctly. I wont rip this. It just helps if I can see everything first hand of "what it should look like". Thats how I learn.
</tr>
<tr>
<td colspan="2">
<div align="right"><i>"dear god... please help... im so tired..."
-- bill hicks</i></div>
</td>
</tr>
<tr>
<td width="80%" align="left" valign="top" height="352">
<p> </p>
<blockquote>
<h1>welcome</h1>
<p>fate... fate is just a word... what matters is the meaning the word
holds... do you believe... do you believe that your destiny is out of
your control... or do you believe that you can create your own destiny?</p>
<p> </p>
<h1>news and updates</h1>
<p>11-4-04: i've been working on the sites layout for a little while now
and i've finally come to a decent design that i am at this point and
time rather fond of. its basic and fits my mood and personality.</p>
</blockquote>
quote:Don't define font size in pt's. If you do, font sizes will vary by browser and OS. Use px or em to get a more consistant size for all users.
Bad for accessibility. Points, EM, percentages, etc. are preferred.
People usually don't go around the internet with large text size on their computer, and if they do that's often their preference or they just don't know how to use the internet and would have probably gotten used to large text.
From: Sin City (Can you guess where?) Insane since: Sep 2004
posted 11-15-2004 06:15
Yeah, I always thought points were best. I thought he was kinda off on that. Thats why Im waiting for others to come and help (no offense to ninmonkeys intended)
tntcheats: I had the idea from here that using pt's was bad. If you use pixels, the text size will be almost the same, much closer than if you were to use points. How is pixels bad for accessibility? The text can still be resized(Unless maybe IE doesn't allow this?).
quote:Black Hat said:
Hm. Interesting. Ive never done stuff like that. This is going to be a huge step for me.
Well it may seem daunting, but after a while it becomes a lot easier. Just keep working on it
On your website you are using a table to create a 2 column layout. This is something that should be achieved through css. (X)HTML describes the page's structure, CSS describes the pages look.
What you can learn is to control the look of your page using CSS. Here's some sites and tutorials that I found usefull
"holy grail" 2 column layout, and different combinations of column layouts - http://glish.com/css/
I recommend looking at each section, It explains selectors, floats, unorded list usage for links, and floats with many examples - http://css.maxdesign.com.au/
lots of css related articles - http://www.alistapart.com/topics/css/
Since you have firefox, check out the webdeveloper plugin. It allows you to click a button, and it will validate your html, or css regardless if it is a local file, or on the internet. (saves time for local files)
To answer your question about the hover colour not showing, you need to define the hover class after you've defined the visited class, this is a quirk that most browsers fall foul of.
Also to make easier reading you may want to write your CSS like this...
Finally, I find that when I declare styles for rollovers, it's best only to add in the attributes that change, instead of re-writing the whole class out again.
It's not really a quirk, but rather a deliberate feature. Specificity is the same, that means source order defines what overides what. Ther eare typically two approaches to this:
LoVe-HAte order - a:link, a:visited, a:hover, a:active
However, that affects anchors as well as links. Here's a better way of doing it: