Help? Images Not Showing Up On Web Page, none of the images I put in my code are showing up on my page |
Help? Images Not Showing Up On Web Page, none of the images I put in my code are showing up on my page |
thosebabyscars |
Jan 5 2012, 11:05 PM
Post
#1
|
Group: Members Posts: 4 Joined: 16-September 11 Member No.: 15,417 |
None of my images work and I'm pretty sure I have the code right because it's worked for my other projects.
Here is one of my codes: CODE <html> <head> <link rel="stylesheet" href="style_1.css" type="text/css" /> <script src="cursor.js" type="text/javascript"></script> </head> <body background="images\bg.jpg"> <h1>Goals</h1> <img src="images\map.png" border="2" usemap="#map" align="right"> <map name="map"> <area shap="rect" coords="199,195,7,6" href="www.ufl.edu" alt="University of Florida"> <area shap="rect" coords="199,195,380,10" href="www.osu.edu" alt="Ohio State University"> <area shap="rect" coords="189,395,6,225" href="www.nd.edu" alt="University of Notre Dame"> <area shap="rect" coords="189,376,380,220" href="www.psu.edu" alt="Penn State University"> </map> <h2>[Header]</h2> <p>[gibberish]</p> </body> </html> Is there anything wrong with my img tag? And how about here: CODE h1 { color:black; font-size:35; font-family:century gothic } h2 { color:black; font-size:23; font-family:century gothic } p { text-align:justify; color:black; font-size:16; font-family:century gothic } body { background-image: url (images\bg.jpg); padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 15px; scrollbar-face-color:#FBBBB9; scrollbar-arrow-color:#FFFFFF; scrollbar-track:#FFFFFF; scrollbar-shadow-color:#ADDFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#ADDFFF; scrollbar-darkshadow-Color:#FFFFFF;} table { text-align:left; color:black; font-size:14; font-family:century gothic } I really need some help, please? |
pandy |
Jan 5 2012, 11:17 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
Your slashes tilt to the wrong side. Windows paths use backslashes, URLs use forward slashes.
CODE <body background="images\bg.jpg"> CODE <img src="images\map.png" border="2" usemap="#map" align="right"> CODE background-image: url (images\bg.jpg) |
dlhylton |
Feb 16 2012, 03:25 PM
Post
#3
|
Group: Members Posts: 1 Joined: 16-February 12 Member No.: 16,493 |
Your image isn't showing up because you're missing a slash. It should be:
<body background="/images/bg.jpg"> You must have a slash before images. Check out: How to Insert an Image to a Web Page if you want to see in more detail |
pandy |
Feb 16 2012, 03:42 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
No, you mustn't. The first version, without a slash in front, is a relative URL, relative to the document it's in. Your version is a root relative URL, relative to the document root.
See http://htmlhelp.com/faq/html/basics.html#relative-url . If I want to link from http://example.com/bla/index.html to http://example.com/bla/images/dog.jpg the relative URL would be images/dog.jpg and the root relative URL /bla/images/dog.jpg . |
Lo-Fi Version | Time is now: 29th March 2024 - 12:09 AM |