Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

background image both header and footer

Posted on 2014-02-04
2
316 Views
Last Modified: 2014-02-09
having body background image successful placed

but while using the footer background image which the attributes might same as the header

body {
    background-image: url('../images/blacknwhitefade2.jpg');
    background-position: right 50px;
    background-repeat: repeat-x;
    background-position: top;
}

#footer {
     background-image: url('../images/blacknwhitefade3.jpg');
    background-position: right 50px;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 300px;
    width: 100%;
}

Open in new window


it seems not showing,
0
Comment
Question by:doramail05
2 Comments
 
LVL 27

Accepted Solution

by:
Sammy earned 500 total points
ID: 39834892
Since its the same image, it may be showing behind the body and you can not see it.
the best way to test it is by using a different image on the footer, if it shows then you need to modify your body css to allow the image to show properly
0
 
LVL 55

Expert Comment

by:Julian Hansen
ID: 39834926
Your stylesheet is confused

You have two background-positions defined - the second one is going to override the first - so from the code you posted there is nothing we can tell about what the problem is - could be the image is being placed wrong or a bunch of other issues.

If you can post a link to the page that would be the best option.

In the meantime - decide on what you want your background-position to be for body and footer and remove the extra background-position lines.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question