Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] New to the Game

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #30660
    genuine15
    Member

    I watch the Episodes of css-trick episode 12-14 about creating a Photoshop Mockup. I did all the steps for the three episodes. I went to upload my version of the site to my host and the page comes up but the css doesnt link the images. And I’m wondering what i did wrong. Its looks like the site shows the areas where there would be images but doesnt link them to fill in that space. I was wondering if there is some sort of different link style i should use besides the standard

    Thanks

    #77408
    genuine15
    Member

    … besides the standard link style

    "
    #77410
    cybershot
    Participant

    how about posting a link to the site. that would be better

    #77409
    TheDoc
    Member

    If the rest of the CSS is working (colors, fonts, divs, etc), then you probably aren’t linking to your images properly in your CSS file. As cybershot mentioned, providing a link to the site in question will provide you with the quickest diagnosis.

    #77398
    genuine15
    Member

    http://www.nerdyframes.com . I only have two surveys on there. No real content but my navigation header area is blank and my footer is non existent as well. Thanks for the help

    #77400
    TheDoc
    Member

    Simple fix!

    Change your links to your images to:

    background: url(/images/image-file-name.jpg);

    Note the forward slash in the very beginning. That tells the CSS file to find the image in the site root. I’ll give you a few examples.

    For these examples, we’ll say that your CSS file lives exactly where it does now, in a folder called “css”.

    images/image-file-name.jpg
    translates to:
    http://www.yoursite.com/css/images/image-file-name.jpg

    /images/image-file-name.jpg
    translates to:
    http://www.yoursite.com/images/image-file-name.jpg

    Remember that the link is always relative to the file that it is being called from!

    This article looks like it might help explain it further:
    http://www.communitymx.com/content/article.cfm?cid=230ad

    #77386
    genuine15
    Member

    !!! that was awesome. Thanks!!!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.