MAC and CSS

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.

Code:

---

<!--
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;}

---

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.

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

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'.

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:

Code:

---

<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?

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

Code:

---

<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/

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

Code:

---

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

---

for text and as above for links.

Thanks guys.
Great links there mobilebadboy.

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:

Code:

---

<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?

Are you just trying to change the style of text?

Try using <font class="classhere"> ?

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

Quote:

---

Originally Posted by 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:

Code:

---

<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.

xhtml is case specific.