Solved

background image both header and footer

Posted on 2014-02-04
2
313 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 52

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

930 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now