PDA

View Full Version : MAC and CSS



cameron
06-01-2004, 02:34 PM
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
06-01-2004, 02:49 PM
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
06-01-2004, 04:13 PM
Should all of that stuff work on the newer versions of browsers available for Mac though?

r2d2
06-01-2004, 04:35 PM
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
06-01-2004, 04:46 PM
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
06-01-2004, 04:53 PM
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
06-01-2004, 05:08 PM
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
06-01-2004, 05:47 PM
Thanks guys.
Great links there mobilebadboy.

cameron
06-02-2004, 02:22 PM
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
06-02-2004, 02:38 PM
Are you just trying to change the style of text?

Try using <font class="classhere"> ?

r2d2
06-02-2004, 03:14 PM
If you really want to do that then yeah, the way you have is best.

iKwak
06-15-2004, 11:51 PM
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
06-16-2004, 05:53 AM
xhtml is case specific.