Jump to content

footer wont join each images


stormsearchers

Recommended Posts

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

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

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

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

#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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...