Sirax Posted April 6, 2010 Share Posted April 6, 2010 Hey all,I don't know if I have to put this in HTML or CSS but I have this issue at the moment...I'm making a portfolio page, where I want to add some thumbnails for recent work I did so I did the following:I've added this in CSS stylesheet: .portfolio_image { background-image: url(../images/portfolio_bg.png); background-repeat: no-repeat; float: left; height: 174px; width: 174px; margin-bottom: 5px;} So this portfolio_bg image is just the background image I've made in Photoshop that you can view here:http://users.telenet.be/De.Manu/temp/temp.jpgAnd in the HTML I added this: <div class="portfolio_image"><img scr="http://sitename-here/images/portfolio_01.png" /></div> But as you can see in the link I posted above, the portfolio_01 image won't display.Does anyone has a idea for this issue? Or did I forgot something in the code?Thx in advance. Link to comment Share on other sites More sharing options...
Imoddedu Posted April 6, 2010 Share Posted April 6, 2010 What is the link? The only link I see is the one to the image. Link to comment Share on other sites More sharing options...
Sirax Posted April 6, 2010 Author Share Posted April 6, 2010 What do you mean?When I add that CSS code and that HTML code i get this:http://users.telenet.be/De.Manu/temp/temp.jpgBut what that you see here is only the background image... in that image must become the thumbnail image from my latest work.So this image: http://sitename-here/images/portfolio_01.png doesn't appears in the background image Link to comment Share on other sites More sharing options...
real_illusions Posted April 6, 2010 Share Posted April 6, 2010 Call me stupid (actually, please dont..)but this url:http://users.telenet.be/De.Manu/temp/temp.jpgis completely different to this url:http://sitename-here/images/portfolio_01.pngAlso, if your image in the html is larger than the background, or hasnt got any transparency, then you wont see the background image.and your line is<img scr="http://sitename-here/images/portfolio_01.png" />It should be src, not scr Link to comment Share on other sites More sharing options...
Sirax Posted April 6, 2010 Author Share Posted April 6, 2010 http://users.telenet.be/De.Manu/temp/temp.jpgThis url has nothing to do with the url underneathhttp://sitename-here/images/portfolio_01.pngThe first url is just a print screen i took, that is the result I have now when I view the page in a browser...The second url is just the link to the image on the server, and this image must be placed in the portfolio_bg.png image I,ve used in the stylesheet.But as you already said...It should be src, not scrThat will be the issue i guess.You just misunderstood my explanation about the url's I used. Link to comment Share on other sites More sharing options...
Synook Posted April 6, 2010 Share Posted April 6, 2010 Is your server really named "sitename-here"? Link to comment Share on other sites More sharing options...
Sirax Posted April 6, 2010 Author Share Posted April 6, 2010 Hmm no... this link is just renamed because on the real link are other things online that not everyone needs to know (private things) and all that is in a sub dir from my main server.I think you could figger that out yourselve... and if you click on the link http://sitename-here/images/portfolio_01.png I dont think you can see something there... then you can see the link doesn't exicts. Link to comment Share on other sites More sharing options...
Synook Posted April 6, 2010 Share Posted April 6, 2010 Well, for all we know you could be operating on an intranet that really does have a server named "sitename-here" (hey, we had servers named after aircraft carriers once!) - or more probably that when copying some code you just forgot to change some text. After all, what you have posted is all we have to go on. But anyway, did changing the attribute name work? Link to comment Share on other sites More sharing options...
Sirax Posted April 6, 2010 Author Share Posted April 6, 2010 Don't know yet, I'm still at work now but I will try it when I get home... I'll let you know if it worked though :-) Link to comment Share on other sites More sharing options...
Sirax Posted April 6, 2010 Author Share Posted April 6, 2010 Ok so my problem is solved... this was the reason:<img scr="http://sitename-here/images/portfolio_01.png" />It should be src, not scrThx for the tip, just a stupid typo fault :)This topic can be closed! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.