9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Need help on CSS link coding...

by shipwrecked
8 replies
  • WEB DESIGN
    • |
Hello,

I am re-coding into this into a single line of code, but it doesn't work...

Here's the original old-type coding:

Code:
a.menu:link{
	        color: #3A88CC; 
	        font-size: 10pt;
	        text-decoration: none; 
	        font-weight: thinner; 
	        font-style: normal; 
	        font-family: arial;
	        }
Then I re-wrote like this:

Code:
a.menu:link{font: thinner normal 10pt "Arial"; text-decoration: none; color: #3A88CC;}
And it's not working.
The single line should work well. First is "style", second is "family"...
The problem is that "Arial" doesn't kick in... it appears Times New Roman (standard).

How do I write the single line command correctly so that it sees "Arial"?
(tried: arial/Arial/"Arial")
#coding #css #link
  • Profile picture of the author Istvan Horvath
    In my books if it is a 'one-word' name it never needs quotes... Arial vs. "Times New Roman". Although arial works just as well.

    And I always add a generic font-type, just in case - arial, sans-serif;
    Signature

    {{ DiscussionBoard.errors[7480995].message }}
  • Profile picture of the author shipwrecked
    It's not working, I've already tried the without quote marks... I put the quote marks, because it didn't work without...

    Did I get the order wrong?

    I wanted to make it simple, so I avoided the font-family, font-weight, font-style... I just wrote them in like that, one after another. It's supposed to be trendier.

    But I got something wrong.

    It worked before with the first setting (which I showed in the post first).
    {{ DiscussionBoard.errors[7482886].message }}
    • Profile picture of the author Brandon Tanner
      There are certain rules you have to follow if you use the font shorthand property...

      https://developer.mozilla.org/en-US/docs/CSS/font

      Personally though, I think that using CSS shorthand is more trouble than it's worth, as it makes your code harder to read whenever you need to make any changes to it.

      Also, I don't think "thinner" is a font-weight value (at least not a cross-browser one). Use "lighter" instead.
      Signature

      {{ DiscussionBoard.errors[7483428].message }}
  • Profile picture of the author shipwrecked
    But what if I don't use CSS? I don't want to use a CMS on certain sites, so I'm stuck with CSS/HTML.

    According to multiple there is a "lighter" value, as there are "thick", "thicker" values...
    {{ DiscussionBoard.errors[7486897].message }}
    • Profile picture of the author Brandon Tanner
      Originally Posted by shipwrecked View Post

      Need help on CSS link coding...
      Originally Posted by shipwrecked View Post

      But what if I don't use CSS?
      You can't have it both ways. Which is it? :p

      Originally Posted by shipwrecked View Post

      According to multiple there is a "lighter" value, as there are "thick", "thicker" values...
      That's what I just said!

      lol
      Signature

      {{ DiscussionBoard.errors[7487840].message }}
      • Profile picture of the author shipwrecked
        Originally Posted by Brandon Tanner View Post

        You can't have it both ways. Which is it? :p

        That's what I just said!

        lol
        You got it wrong (misunderstanding). It was asking you a question - I meant: "what would I do if I wouldn't use CSS?". What would I do then? What would I use then?

        Because I still find CSS awfully important.
        Google too is telling us to separate content from code, as much as possible. And CSS is for that.

        I'm not a pro in building sites, I'm into marketing, consultancy etc. I do have coding issues and step-by-step I hope to solve them and I also like learning new things.

        So it seems like "lighter" is better to use. Thanks for the tip, I will check that!
        {{ DiscussionBoard.errors[7491784].message }}
        • Profile picture of the author Brandon Tanner
          Originally Posted by shipwrecked View Post

          what would I do if I wouldn't use CSS?
          If you're going to be developing and/or maintaining websites for clients, it's absolutely essential that you learn CSS (among other things).

          Or if you'd rather not get your hands dirty, and just focus more on marketing, consulting, etc, then you can always outsource your web dev work to someone else.
          Signature

          {{ DiscussionBoard.errors[7493437].message }}
  • Profile picture of the author shipwrecked
    Well, actually I'm more into marketing and first of all I code for myself. The coding work I do for others is minimal and I do have CSS/HTML knowledge, only that I'm very-very old-fashioned (pre-2005 style )... I do encounter a few problems and I'm glad to learn new stuff.
    {{ DiscussionBoard.errors[7519943].message }}

Trending Topics