6 Replies - 1969 Views - Last Post: 10 March 2010 - 12:42 AM

#1 soulja1234  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 13
  • Joined: 11-November 09

insert image in css

Posted 09 March 2010 - 11:30 PM

my problem is that i am trying to insert a background image
for the header tag
and for some reason it is not adding

can u tell me what i am doing wrong



<html>
<head>
<title>PAPA PIZZA-LICIOUS HOMEPAGE</title>[b][/b]
<style type="text/css">
html, body {
margin: 0;
padding: 0;
border: none;
background: #FFF;
}
body {
color: #933;
font: 105%/1.5em Times New Roman, Arial, sans-serif;
}
#header {
[b]background-image: url(images/C:\Users\Giovanni\Desktop\background_image.gif);[/b]

}
</style>
</head>
<body>
<div id="header">
<h3><a href="index.html">Papa-Licious&rsquo; Pizza</a> 
</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Our Menu</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</div>
<div id="welcome">
<h1>Welcome to Papa Pizza-Licious!</h1>
<p>Please, sit down! <br>Papa Pizza-licious&rsquo; Pizza is the
finest Trinidadian Pizza in the Southern most side of the Caribbean, and
we&rsquo;re glad you&rsquo;ve come to visit us. Feel free
to look at our menu, browse through our locations in the contact us section , or
read about our history in the about us section. 
</p>
</div>
<div id="specials">
<h2>Weekly Specials</h2>
<ul>
   <li>Monday:  1 large Pizza, 2 litre Soft Drink, For only $80.00, Additional topping $8.00</li>
   <li>Tuesday: 2 large pizzas, 1 litre Soft Drink, For only $150.00</li>
   <li>Wednesday: 1 large pizza (Unlimited Toppings) For only $90.00</li>
   <li>Thursday: Buy any large Pizza, get a 2 litre Soft Drink free</li>
   <li>Friday: Buy a small, medium or large, get 50% off second purchase</li>
   <li>Saturday: Buy a small, medium or large, get 50% off second purchase</li>
</ul>   






</div>
<div id="footer">
<br>
<hr>
<p>Copyright &copy; 2010 Papa Pizza-Licious&rsquo; Pizza &mdash;
All rights reserved.</p>
</div>
<body>

</body>
</html>


Is This A Good Question/Topic? 0
  • +

Replies To: insert image in css

#2 J0K3R  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 13
  • View blog
  • Posts: 298
  • Joined: 19-December 08

Re: insert image in css

Posted 10 March 2010 - 12:05 AM

Hi Soulja

first of all. Are you running this in IIS or just from a folder?
Was This Post Helpful? 0
  • +
  • -

#3 soulja1234  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 13
  • Joined: 11-November 09

Re: insert image in css

Posted 10 March 2010 - 12:11 AM

well i am using an html editor
and
i just enter the location of the image where it stored

but im getting background color but not background image

add by the way what is IIS

new to this stuff
Was This Post Helpful? 0
  • +
  • -

#4 soulja1234  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 13
  • Joined: 11-November 09

Re: insert image in css

Posted 10 March 2010 - 12:16 AM

i dont no if the size of the image is to big to fit
Was This Post Helpful? 0
  • +
  • -

#5 J0K3R  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 13
  • View blog
  • Posts: 298
  • Joined: 19-December 08

Re: insert image in css

Posted 10 March 2010 - 12:23 AM

OK. hmm first of all read : http://www.blurtit.com/q690804.html

basicly IIS is to create a web server.

First of all I would suggest putting all your files for you web page in one folder and the files it uses ( images, etc ) in sub folder for example you can have the following structure:

- > papapizza
- > images
- > scripts
- > styles

Place all your html filesin the papapizza folder and your images in the images folder.

now change he css to look like this :

#header {
background-image: url(images/background_image.gif);
}



Do you see how you reference to the folder in the main folder? makes things easier?

Hope it helps.

This post has been edited by J0K3R: 10 March 2010 - 12:25 AM

Was This Post Helpful? 1
  • +
  • -

#6 soulja1234  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 13
  • Joined: 11-November 09

Re: insert image in css

Posted 10 March 2010 - 12:34 AM

View PostJ0K3R, on 09 March 2010 - 11:23 PM, said:

OK. hmm first of all read : http://www.blurtit.com/q690804.html

basicly IIS is to create a web server.

First of all I would suggest putting all your files for you web page in one folder and the files it uses ( images, etc ) in sub folder for example you can have the following structure:

- > papapizza
- > images
- > scripts
- > styles

Place all your html filesin the papapizza folder and your images in the images folder.

now change he css to look like this :

#header {
background-image: url(images/background_image.gif);
}



Do you see how you reference to the folder in the main folder? makes things easier?

Hope it helps.



thanks man it work i arranged my folders
Was This Post Helpful? 0
  • +
  • -

#7 J0K3R  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 13
  • View blog
  • Posts: 298
  • Joined: 19-December 08

Re: insert image in css

Posted 10 March 2010 - 12:42 AM

No Prob. glad I could help!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1