Hi everyone
can you please look at this site's source codes (html and css) and tell me why my images aren't showing in any browsers. They show up in my design part on Dreamweaver.
http://jenevansportfolio.com/portfolio.html
thanks!
Hi everyone
can you please look at this site's source codes (html and css) and tell me why my images aren't showing in any browsers. They show up in my design part on Dreamweaver.
http://jenevansportfolio.com/portfolio.html
thanks!
Jump to Post@jen.evans1
Images wont show up in background
Instead of this:
background-image:url(assignments/images/backgroundpng.png);
Try this:
background:url(../assignments/images/backgroundpng.png);
@jen.evans1
Images wont show up in background
Instead of this:
background-image:url(assignments/images/backgroundpng.png);
Try this:
background:url(../assignments/images/backgroundpng.png);
Hello jen.evans1
I think your mistake is that your pictures aren't in the right folders.
For example you put a background image in the #container div like this:background: url("assignments/images/websitebackground1.jpg") repeat scroll 0 0 transparent;
but the image doesn't exist in the folder if you follow the path:
Click Here
So in your server the css file is portfoliocss.css and it is not in a folder so you do not need to put in front of assignments the dots: ../assignments/images/websitebackground1.jpg
But what you need is to look if the folder assignments exists and inside the assignments folder if folder images exists with the photo websitebackground1.jpg.
And delete from the portfolio.css the line 4: <style type="text/css">
I hope it is helpful.
We basically need to know which folder the pictures are loaded and where that folder is in relation to the web site root folder.
Try this code
body {
background-color:#8f928b;
background-image: url(../assignments/images/websitebackground.jpg);
background-repeat:no-repeat;
background-attachment: scroll;
background-size:1024px;
background-position:center;
width:100%;
height:100%;}
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.
You're trying to visit a URL that doesn't currently exist on the web. Most likely, a member posted a link a long time ago to a web page that has since been removed. It's also possible that there was a typo when posting the URL. We redirect you to this notice instead of stripping out the link to preserve the integrity of the post.