Can't see W3 Validation Icon 3

[1Gram]

Firstly, I'm a Senior, and relatively new to computers. I'm not sure if this is even the right place to be asking, but anyway, here goes - just in case:
I tried my hand at building a small web site - on a dare. It was all done on notepad, and has passed the W3 validation for HTML and CSS. A friend allowed me space on his server, and also recommended SmartFTP to get my stuff up, so now I'm up and running.
However, I have the validation Icon from W3 on each of my pages, and when I look at the site, I can't see them. The owner of the site can see it, and also another friend that I asked to look for me. I've checked my NIS and I should be able to view everything - my friend said that they had the same set up as I have.
When the site owner looks at View-Source, they can see the whole W3 validation paragraph - located at the bottom of the page - but I only see one line of the paragraph.
Does anyone have any idea as to what is causing this? And how I might be able to correct it.

Here is my site:

http://www.elricm.com/~gram/index.html

Sorry this is so long winded, and thanks for any help. (And please be kind - I really am trying to get this all right, but I know "squat".)

 

[BillyRayPreachersSon]

Both the code and images show fine for me in IE and Firefox, so I don't think it is an issue with your code.

Have you tried clearing your browser cache and reloading the page? It could be a corrupt file or something similar causing this.

You might try asking this question in the "Browser issues" forum (forum608), as it would seem to be more or a browser issue than an HTML coding issue.

Hope this helps,
Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[1Gram]

Thanks for your help. I'll try the other forum - being new here, I don't exactly know my way around.
I'll clear my browser cache and see what happens then - I can see it fine when I just do a "Preview in web browser" from my Notepad.

 

[BillyRayPreachersSon]

How do you get a "Preview in Web Browser" option to appear in Notepad? Is it a third-party add-on?

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[1Gram]

I probably have worded that all wrong, being new - Open IE, go to File, Open and browse to the HTML document written with Notepad. Same with FF only File, Open File. If I've confused the issue, please accept my apologies. I'm trying to learn all the correct terms - with no teacher!

And just another tiny problem with my web page - I find that in FF, the hr tags that are suppose to display lines as a #850045 color are gray, but show up properly in IE. Same with the lines on the Paintshop Pro 8 page that are suppose to be blue -they show gray in FF.

<hr style="color:#840045">

<hr style="color:#0000cc">

 

[DaRNCaT]

CSS is browser specific, that is, each browser has it's own way of interpreting css, so it's not uniform across all browsers (which is a pain!) ("style" is css).

You'll find odd little glitches like this right across the board when using CSS, some you can work around, some you have to grin and bear.
I'm not sure there is an answer for the horizontal rule, I beleive (someone correct me if I'm wrong) that in some browsers it takes on the browser defaults no matter what (mozilla based ones mostly I think).

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..

 

[1Gram]

Thanks DaRNCat - I went to Google about <hr> tags, and saw a bunch of things about FF and <hr>. In view of the fact that I really fried my brain doing all this in the first place, I'll just live with it. Maybe I can get better at it, and be able to understand what some of what I read means. Right now a lot of it is all Greek to me!

 

[tsdragon]

1Gram Stick around this forum and keep reading. You may not understand everything you read, but you'll learn a lot. Also click on some of the links people put in their responses. They point to some really good resources.


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[1Gram]

tsdragon - I will stick around. I've learned a couple of things today just reading various posts. That is definitely good!

 

[tsdragon]

I love learning and playing with new programming languages, programming techniques, and programs themselves. I believe that learning new things keeps your brain from stagnating, and keeps you thinking (and acting) younger. That's one of the reasons I love Tek-Tips. It's full of people wanting to learn, and people helping them learn. I fall into both categories.



Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[Vragabond]

I am not sure this is correct, but I do believe FF determines the color of the horizontal rule by the background color you give to the element. As such, try this:

 <hr style="color: #840045; background: #840045;">

 

[tsdragon]

If that works you deserve a star. I'll have to try it out.


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[1Gram]

Vragabond Thank you for your information - unfortunately, unless I did this all wrong (which is not entirely out of the question), that didn't work. On the brighter side, my page is still valid!

 

[Vragabond]

Strange, the thing worked in my Mozilla (=FF). Background color determines the color in Geckos, color in IEs. Here's the reference:

http://www.sovavsiti.cz/css/hr.html

 

[1Gram]

Vragabond I'm (probably) as dumb as a load of bricks. I've tried everything, and I can not get it to work. Thank you very much for your help, I read the article you posted, and will continue to work on this issue.

This is beginning to become a matter of "honour" for me. I'll get this right, or go bald trying!

 

[BillyRayPreachersSon]

1Gram,

Can you post the code you have that isn't working?

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[1Gram]

BliiyRayPreachersSon I've tried these as inline style:

<hr style="color: #840045; background: #840045;">

<hr style="color=#840045">

I appreciate your trying to help me, but I just "don't seem to get it". I'm almost getting to the point where I think those grey lines in FF are not so bad after all

 

[BillyRayPreachersSon]

It might be that the border is getting in the way of you seeing the subtle colours. Try this for size:

<hr style="color: #FF0000; background-color: #FF0000; height:2px; border:none;">

if I put it in a test harness:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] lang="en" xml:lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="content-language" content="en" />
	<title>HR Colour Test</title>
</head>

<body>
	<div>
		<hr style="color: #FF0000; background-color: #FF0000; height:2px; border:none;">
	</div>
</body>
</html>

It looks identical for me in IE6, FF1, Opera7, and NN7.

Hope this helps,
Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[1Gram]

BillyRayPreachersSon You Did It!!!! Thank you, thank you, thank you! It was the border thing I'm sure, as I did try once time with the line height. You've made an old(er) lady very, very happy! I get to keep the rest of my hair!

 

[BillyRayPreachersSon]

Excellent news all round, then!



Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]