- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
… besides the standard link style
"
how about posting a link to the site. that would be better
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.
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
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
!!! that was awesome. Thanks!!!