PDA

View Full Version : html stylesheets and the MAC pro


photofinish
25th of May 2009 (Mon), 08:02
Hi everybody,
I just got a MAC pro system (never had a MAC before and I love it!), but my website here (http://www.jerrygrassophotos.com/index.htm) does not show my colored background. It comes up white on my MAC. What do I have to do differently for my MAC? Also, hovering over the pictures on a PC brings up the captioning, but of course on my MAC it does not. Any suggestions?

Faolan
25th of May 2009 (Mon), 11:21
Not really a help but it doesn't show in Opera or Firefox on a PC either. Works in IE and that should tell you something...

Try in your CSS :

body {background-color: #ffce7f;}

Whilst in your CSS change the A to lowercase.

photofinish
25th of May 2009 (Mon), 12:48
Thanks for the help. I'll give that a try...

Hikin Mike
25th of May 2009 (Mon), 14:27
For your picture captures, you have the alt="" tags, but you also need title="" tags too. I know Firefox doesn't recognize alt tags, but they do see title tags. ;)

An example:

<img alt="Click here to see my latest projects..." title="Click here to see my latest projects..." src="images/papermill_20080608_0690.jpg" border="0" />

I would remove all of the 'border="0"' and put that in your CSS...

img {border: 0;}

tracknut
25th of May 2009 (Mon), 19:30
The first three and the last three lines in your css file do not belong there. You've managed to comment out your whole css file...

You're also missing a doctype as the first statement in your help file, which causes IE to attempt to render the site in "quirks mode" (ie, don't stick to standards, do whatever you can to try to render the site), which can be handy when sticking to IE browsers, but other standards-based browsers aren't going to do the same thing for you.

Dave

Hikin Mike
25th of May 2009 (Mon), 23:29
The first three and the last three lines in your css file do not belong there. You've managed to comment out your whole css file...

You're also missing a doctype as the first statement in your help file, which causes IE to attempt to render the site in "quirks mode" (ie, don't stick to standards, do whatever you can to try to render the site), which can be handy when sticking to IE browsers, but other standards-based browsers aren't going to do the same thing for you.

Dave

I never even looked at that. :o

Faolan
26th of May 2009 (Tue), 02:32
I never even looked at that. :o

I've got no excuse :oops:

Then again I wasn't looking for that... Should have been but it's been a long time I've had to bug check someone else's code.

photofinish
26th of May 2009 (Tue), 16:04
Thanks, guys! But what about my background problem on the MAC pro? Remove from my CSS and add to each page??

Faolan
26th of May 2009 (Tue), 16:25
Jerry

It's not a Mac problem, it's web compliance. Which means any browser apart from IE will show this problem.

In your CSS file remove the style coding so this:

<STYLE TYPE-"type/css">

<!--
BODY {background: #ffce7f}
A:link {color: #80FF00}
A:visited {color: #FF00FF}
td {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif}
-->

</STYLE>

Becomes this:

body {background-color: #ffce7f;}
a:link {color: #80FF00;}
a:visited {color: #FF00FF;}
td {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

photofinish
27th of May 2009 (Wed), 14:55
Genius! Pure genius!! It all worked!!! (titles and background, woo-hoo!) Thank you Hikin Mike and Faolan...

Hikin Mike
28th of May 2009 (Thu), 22:14
Genius! Pure genius!! It all worked!!! (titles and background, woo-hoo!) Thank you Hikin Mike and Faolan...

You're welcome. :D