MAC and CSS

[cameron]

Should code such as the following work in Mac browsers? My friend is a Mac user and he's been sending me screenshots in which none of my link colors are working, and sometimes fonts are incorrect also.

<!--
A:link {font-family:"Verdana";color:"#ff6600"; text-decoration: underline;}
A:visited {font-family:"Verdana";color:"#ff6600"; text-decoration: underline;}
A:hover {font-family:"Verdana";color:"#ff6600"; text-decoration:none;}
.headerbackground 
-->   

.text_reg {color:#000000; font-size: 10pt; font-family: verdana, helvetic, arial;}
.text_bold {color:#000000; font-size: 10pt; font-family: verdana, helvetic, arial; font-weight:bold;}
.text_small {color:#000000; font-size: 8pt; font-family: verdana, helvetic, arial;}
.text_bold {color:#000000; font-size: 10pt; font-family: verdana, helvetic, arial; font-weight:bold;}
.text_footer {color:#ffffff; font-size: 10pt; font-family: verdana, helvetic, arial;}

[r2d2]

maybe try lower case letters throughout - not sure if it makes a difference, but I've never seen upper case used in any tutorials.

The fact that its a Mac doesnt make a difference, its the browser that is important.

[cameron]

Should all of that stuff work on the newer versions of browsers available for Mac though?

[r2d2]

Oh yes, all that stuff is very basic, it should work on any newer browser easily.

Can you post a link so we can see the offending page 'in action'.

[cameron]

http://www.hdskate.com
http://www.webdifference.com

Maybe it's a problem with how I'm using it in the body. I'm not very efficient with CSS. I do all of my links like this:

<a href="http://www.websitepublisher.net"><span class="links_feature">Website Publisher</span></a>.

For text I do basically the same thing. Should I be doing something else to have these other browsers read it properly?

[mobilebadboy]

For links, you don't do it that way.

<a class="links_feature" href="http://www.websitepublisher.net">Website Publisher</a>

To save time from all the screenshots form your friend.

http://www.danvine.com/icapture/
http://www.danvine.com/iecapture/

[r2d2]

I find its pretty unlikely you'll need to use <span> really, use

<p class="css_class">text</p>

for text and as above for links.

[cameron]

Thanks guys.
Great links there mobilebadboy.

[cameron]

New problem.

If I use <p class="css_class">Text.</p> it's going to make a new paragraph everytime I switch fonts.

That will mean lots of ugly spaces if I make that change to something that I currently use, like this:

<span class="text_bold">
  <?php print $article_title ?><br>
</span>
<span class="text_reg">
  by <?php print $author_name ?>
</span>
<span class="text_date">
  Posted <?php print $article_date ?><br>
</span>

What I else could I use to make this work without having a new paragraph everytime?

[Mike]

Are you just trying to change the style of text?

Try using <font class="classhere"> ?

[r2d2]

If you really want to do that then yeah, the way you have is best.

[iKwak]

http://www.hdskate.com
http://www.webdifference.com

Maybe it's a problem with how I'm using it in the body. I'm not very efficient with CSS. I do all of my links like this:

<a href="http://www.websitepublisher.net"><span class="links_feature">Website Publisher</span></a>.

For text I do basically the same thing. Should I be doing something else to have these other browsers read it properly?

Cool site. My link is being qued.

[The New Guy]

xhtml is case specific.