The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Help? Images Not Showing Up On Web Page, none of the images I put in my code are showing up on my page
thosebabyscars
post 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 sad.gif 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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 3)
pandy
post 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)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
dlhylton
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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 .

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 12:09 AM