Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background images?

    Hi I was wondering how do you make various images to be in the background. I know how to put a single background image, but I do not know how to make an image be part of the background yet in a specific location.

    For example: the gradients on most websites are in the background. Logos are usually not. How can the gradients be in the background but still be places at specific locations?

    Any help would be greatly appreciated!

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Hmmmm... do you have knowledge of HTML/CSS at all? If so you can use the background-image: property in CSS to create exactly that, a background-image. They can be applied to lots of different HTML tags, but are usually used in conjunction with divs, and anchor tags.

    Have a look at http://www.ahallicks.co.uk (my site) and view the CSS and the HTML (with View Source) and have a look how I added background images to divs to build up the page.

    Then, to add images in the foreground you can add them in the HTML using the <img /> tag. Simple as that. If you have a link to an example you would like explaining, or your own site,, then post it and we'll do what we can for you.
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    Regular Coder
    Join Date
    Jul 2007
    Posts
    571
    Thanks
    25
    Thanked 28 Times in 28 Posts
    ya, u can add a background-image to almost any element on your page.
    another thing u can do if u want your img to stick out of the borders or somthing is put the img in your html then use postition propertys in css to put it in the correct locations.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •