Jump to content
Sign in to follow this  
stormsearchers

footer wont join each images

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

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...