Grow your CSS skills. Land your dream job.

My new redesign

  • # December 9, 2008 at 10:03 am

    Hi Everyone
    I’m new to this. I’m a Graphic Designer and I just learned some basics of flash, CSS, Understaing HTML…
    and I am working on my website.

    http://www.thestudio360.net
    -I’m still working on the fonts… I’m not there yet with the CSS. I wanted to have separate rules for the sub menu, than the text. (I know it’s not necessary, but I want to learn so….) but can anyone tell me what is the difference between a.link, and a.active ??? if it’s a link, shouldn’t it be active? Sometimes my creative brain can’t wrap around logic.

    Anyways tell me what you think, remember I am a artist first, so creativity is my biggest seller.

    Rob
    # December 9, 2008 at 12:18 pm

    Hey again :)

    a:link is a more specific definition for the "a" tag.

    a:active is what happens when you click the link, so its that short time between the next page loading and the link entering the "visited" state.

    What I would recommend for your site is that you remove all styling from your actual HTML tags and either put them in a style sheet that links to your document, or between your <head> tags… but just looking at your site it seems you have tried to link a stylesheet, although the link isnt complete.

    Code:

    this isnt linking to anything. Your CSS file needs to be defined, so if its called studio360.css and its in the same folder as your index.html file, you need to link to it like this:

    Code:

    Be careful with case of your letters too. I would recomend using lower case, especially on file extentions (*.CSS .css can be seen as different on some servers)

    If you do use a style sheet to style your site, keep all the style code in your sheets and not in the tags. The only thing that should be defined in your tags at the most is the class or ID, which would then be defined within the style sheet :)

    Does that make sense at all?

    # December 11, 2008 at 10:45 am

    It looks great! I’d just recommend putting a little more letter spacing in the nav font though, or make it a px bigger. Clear, easy to read navigation is very important from the visitor’s point of view!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".