stormsearchers Posted February 3, 2015 Share Posted February 3, 2015 Hi guys i am trying to work out my footer in html, i have two images for the footer how ever the to images don't line up also i an having a bit of trouble as you can see on my website http://stormsearchers.net76.net the images dont load am i doing any think wrong mike Link to comment Share on other sites More sharing options...
Ingolme Posted February 3, 2015 Share Posted February 3, 2015 You're missing a quotation mark here on the alt attribute: <img src="footer.jpg" alt="footer style="width:100%;height:100px"> The files "footer.jpg" and "images/footer1.jpg" are not on your server, check the filesystem again and upload the files to the right place. File names are case sensitive. Link to comment Share on other sites More sharing options...
stormsearchers Posted February 3, 2015 Author Share Posted February 3, 2015 i have check the files on the server and it's loading the image what i want to do is have a fixed footer at the bottom of the page is this possible the first image is the footer1.jpg the second one is the footer it self how can i line these to images mike thanks for your help by the way thankyou heeps Link to comment Share on other sites More sharing options...
Ingolme Posted February 3, 2015 Share Posted February 3, 2015 Fix the validation errors on your page: http://validator.w3.org/check?uri=http%3A%2F%2Fstormsearchers.net76.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 Now footer.jpg is loading, but footer1.jpg still does not exist. I'm not sure what you mean by align the images. You can set the vertical-align of the images to top, middle or bottom depending on what's needed. Link to comment Share on other sites More sharing options...
stormsearchers Posted February 3, 2015 Author Share Posted February 3, 2015 #footer { background-image: url(images/footer1.jpg);background-image: url(images/footer.jpg);background-attachment: fixed;color:white; clear:both; text-align:center; width:100%; height:100px;} this is my footer css Link to comment Share on other sites More sharing options...
Ingolme Posted February 3, 2015 Share Posted February 3, 2015 The file http://stormsearchers.net76.net/images/footer1.jpg still does not exist. In your CSS, you have declared background-image twice, only the second one will work because it overrides the first one. Here's how to use multiple background images: http://www.css3.info/preview/multiple-backgrounds/ One problem here is that your footer is only 100px tall and you have an <img> element that's 146px tall, so the background does not reach the same height as the image. You can remove the height from your footer so that it has the same height as the image it contains. The background-attachment property in your CSS is also causing alignment problems, remove that as well. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now