www.webdeveloper.com
Results 1 to 3 of 3

Thread: floating information?

  1. #1
    Join Date
    Jun 2005
    Posts
    50

    floating information?

    sorry ppl i keep posting so many questions but i need the help

    How do i put information over images without the image being the background?

    I think this might be a css problem now i think about it but im sure someone can help me.

    I know im not being specific sorry

    Thanx for the help

  2. #2
    Join Date
    Jul 2005
    Posts
    86
    You should use css for that.

    Any tag (at least a lot) can have a 'background image'.

    Use it like this:

    HTML Code:
    <p id="imageholder">You can post some text here</p>
    And the css

    HTML Code:
    #imageholder {
    background:#000 url(images/background.gif) repeat-x;
    padding-bottom:100px;
    }
    //this results in text left uppercorner starting ...
    //if you would set it to padding-top it would start left bottom.
    Which means: the background is:
    - black color;
    - has a image called background.gif located in the images directory
    - This image is only supposed to repeat itself in the x-direction
    .....options are also: "no-repeat", "repeat-y" ... leaving it blank means both directions (default)

    SORRY MISREAD THE QUESTION


    3Pinter
    http://www.fromthemill.nl
    http://flashlab.fromthemill.nl
    Last edited by 3Pinter; 07-29-2005 at 06:42 AM.

  3. #3
    Join Date
    Apr 2005
    Location
    Bathurst, NSW, Australia
    Posts
    3,357
    Quote Originally Posted by akdiver
    ...without the image being the background...
    Quote Originally Posted by 3Pinter
    ...a 'background image'...
    You can change the z-index to have the text on top, and play with the positioning to get it how you want, it may be easier to use absolute positioning for this, depending on your needs.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles