HTML and CSS Background-image is not showing up

why isn't my background image showing up in css
css background image not showing
background image not showing up in div
body background image css not showing
background image url in css not working
background image: url path not working
asp net css background-image not working
image in html not displaying

I already double checked my URL, and the name of the files, but I can't seem to get the image showing up. why is it like that? here's my code Take note the

is inside the body tags, I didn't add the full code, I only added the head and the specific problem.

<html>
  <head>
                <title>Head First Lounge.</title>

                <link type = "text/css" rel = "stylesheet" href = "stylesheet/style.css" media = "screen"/>
  </head>

    <p class = "guarantee">

                our guest, with an exceptional experience every time you visit. 
                Whether you're just stopping by to check in on email over an 
                elixir, or are here for an out-of-the-ordinary dinner, you'll 
                find our knowledgeable service staff pay attention to every detail. 
                If you're not fully satisfied, have a Blueberry Bliss Elixir on us.
                </p>        Our guarantee: at the lounge, we're committed to providing you, 

And here's the CSS rule for that part

    .guarantee{

        background-image: url(images/background.gif);
        font-family: "Geogia", "Times New Roman", Times, serif;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        background-color: #a7cece;


padding: 25px;
    margin: 30px;
    line-height: 1.9em;
    font-style: italic;
    color: #444;
}

Your CSS looks fine.

Your problem lies in the URL itself. You probably mean:

background-image: url(../images/background.gif);

Since you're using relative paths and your stylesheet is in "stylesheet/" directory, your code has the browser looking for "stylesheet/images/background.gif" as it's relative to the stylesheet, not the document.

HTML and CSS Background-image is not showing up, Your CSS looks fine. Your problem lies in the URL itself. You probably mean: background-image: url(../images/background.gif);. Since you're� HTML and CSS Background-image is not showing up. Ask Question Asked 8 years, 3 months ago. Browse other questions tagged css html or ask your own question.


Try ../ before your URL. Also if you inspect the background-property in firebug you should be able to tell if is actually finding the URL.

.guarantee{

        background-image: url(../images/background.gif);
        font-family: "Geogia", "Times New Roman", Times, serif;
        border-color: black;
        border-width: 1px;
        border-style: solid;
        background-color: #a7cece;
}

If that deosn't work try setting a width and height and display block.

[Solved] Background Image Not Showing, When I go to preview the HTML in Firefox, nothing is showing. This file path presupposes that the image folder is back up one level from� If your folder is set up in the same way, double check that you're adding the header's background image in your CSS and not your HTML. Since that bit of code lives in your css folder, you will also need to remember to go up a level to get to the img folder, where your images are.


mention the height and width to the width so that the background image will appear.

CSS background image not showing up? - HTML & CSS, Hi All, I have a template. I run it and when I use edit css (web developer) in firefox 15, this tempate is working normally. But when I don't use edit css, background� Setting up xampp is not really a css question and it seems that you haven't created the right structure to run locally. I can move the thread if this is the issue to a more suitable forum


Check to make sure the path you are using in the 'url' function is correct then use 'background-size' property to reduce the size of the image since over-sized images always has that side effect and the probably use 'background-position:cover' to spread the image in its con

Background image not displaying - HTML & CSS, Is your div showing up at all? You need to make sure that it is showing up first. You may have an error in your code where you do not have the same amount of� The reason your background image is not showing up is because you added the background property to a style rule for the body of your HTML document. Unfortunately, it does not appear that your HTML document has a body. You seem to nest everything in a few set of divs, but your document doesn't seem to encapsulate its content in a body tag


HTML/CSS background not showing, My backgrounds not seeming to show, heres my code. CSS: The reason your background image is not showing up is because you added the� Problem is, wouldnt that be just like a normal image though, meaning nothing can be placed ontop of it (like text). I do see that CSS3 has introduced background-size: but it doesnt look like it is


[HTML][CSS] setting background-image isn't working, [HTML][CSS] setting background-image isn't working. On my desktop I have a file that I keep all of my html/css/js files in called "test", inside of� To explain point 2, since your design is a fixed width, you could (a) just use a single background image the width of the entire container div and not concern yourself with the floated divs at all, (b) use two nested divs, each with its own background image (and presumably padding).


background image not visible, It is a 5 page theme and the 1st Section background image does not display but in a subsequent I have presented the HTML code as well as the CSS code. With Edge, I found that I had to click on Contact to get the screen to come up. If you want the background image to cover the entire element, you can set the background-size property to cover. Also, to make sure the entire element is always covered, set the background-attachment property to fixed: This way, the background image will cover the entire element, with no stretching (the image will keep its original proportions):