Placing text over images

Discussion in 'Web Programming' started by Berwin, Mar 7, 2012.

Placing text over images
  1. Unread #1 - Mar 7, 2012 at 6:32 PM
  2. Berwin
    Joined:
    Jul 6, 2011
    Posts:
    58
    Referrals:
    1
    Sythe Gold:
    0

    Berwin Member

    Placing text over images

    I'm trying to place text over this image of a writing tablet, with "Welcome!" as the title and body text after that. As you can see, the title looks okay, but it isn't displayed correctly on every computer.

    [​IMG]

    The text always seems for move when I resize the window, but I'd like it to be locked in place. Also, I'm not sure how to set the amount of space so
    the text can fall onto each line appropriately.

    Can someone give me some tips? :huh:
     
  3. Unread #2 - Mar 7, 2012 at 7:48 PM
  4. Deviant Cloud
    Joined:
    Feb 10, 2012
    Posts:
    368
    Referrals:
    0
    Sythe Gold:
    0

    Deviant Cloud Forum Addict
    Banned

    Placing text over images

    position: absolute;
     
  5. Unread #3 - Mar 7, 2012 at 8:49 PM
  6. matt_sells
    Joined:
    Nov 28, 2011
    Posts:
    78
    Referrals:
    0
    Sythe Gold:
    0

    matt_sells Member

    Placing text over images

    as for the space issue, i would use <div> tags and measure the width of your image and adjust accordingly.
     
  7. Unread #4 - Mar 7, 2012 at 9:21 PM
  8. Berwin
    Joined:
    Jul 6, 2011
    Posts:
    58
    Referrals:
    1
    Sythe Gold:
    0

    Berwin Member

    Placing text over images

    Okay, thanks guys!
     
  9. Unread #5 - Mar 7, 2012 at 10:40 PM
  10. Nullware
    Joined:
    Jan 30, 2007
    Posts:
    1,761
    Referrals:
    4
    Sythe Gold:
    0

    Nullware Guru

    Placing text over images

    "position: absolute" is not a very nice way of doing things when it can be avoided.

    Just place your image in the background using CSS.

    Example as the background for a div:

    <div style="background:url(image.png) top left no-repeat">
    Writing on some image
    </div>
     
  11. Unread #6 - Mar 7, 2012 at 10:48 PM
  12. Deviant Cloud
    Joined:
    Feb 10, 2012
    Posts:
    368
    Referrals:
    0
    Sythe Gold:
    0

    Deviant Cloud Forum Addict
    Banned

    Placing text over images

    It's true but if margins aren't set then it works.
     
  13. Unread #7 - Mar 7, 2012 at 11:47 PM
  14. Berwin
    Joined:
    Jul 6, 2011
    Posts:
    58
    Referrals:
    1
    Sythe Gold:
    0

    Berwin Member

    Placing text over images

    I might need your help later if that's okay... But I had another question for you right now. Do you know why I'm not able to load my website from any computer at my house, but I seem to be able to on any other network?

    Edit:
    Whenever I load it, I get NameCheap's page that says "this domain name has recently been registered." Could it have to do with me changing the domain name server settings yesterday?
     
  15. Unread #8 - Mar 8, 2012 at 12:14 AM
  16. Deviant Cloud
    Joined:
    Feb 10, 2012
    Posts:
    368
    Referrals:
    0
    Sythe Gold:
    0

    Deviant Cloud Forum Addict
    Banned

    Placing text over images

    Delete your cookies, and try again.
     
  17. Unread #9 - Mar 8, 2012 at 12:59 AM
  18. Jazz00006
    Joined:
    Aug 26, 2005
    Posts:
    807
    Referrals:
    0
    Sythe Gold:
    0

    Jazz00006 Apprentice
    Visual Basic Programmers

    Placing text over images

    Cookies have nothing to do with the DNS cache.

    DNS updates take anywhere from 2-72 hours. Most of the changes are done in the first 2 hours, the rest of the time is for everyone else to update their DNS cache, including your own ISPs.


    Take a look here to manually flush your DNS, but it should be visible (provided you haven't screwed up your zone file)
     
  19. Unread #10 - Apr 6, 2012 at 12:10 PM
  20. iDesignLogos
    Joined:
    Oct 12, 2009
    Posts:
    514
    Referrals:
    0
    Sythe Gold:
    0

    iDesignLogos Forum Addict

    Placing text over images

    As for the lines matching up, you can play around with the CSS property
    Code:
    line-height: #px;
     
  21. Unread #11 - Apr 15, 2012 at 9:27 AM
  22. Deacon Frost
    Joined:
    Jan 30, 2007
    Posts:
    2,905
    Referrals:
    3
    Sythe Gold:
    57

    Deacon Frost Grand Master
    Banned

    Placing text over images

    I know this is probably fixed... Delete your cache and cookies. Restart your browser. Try a different browser...etc

    Propagation times are only up to 24 hours. It will only take 24 hours in extreme circumstances. 72 hours is wayyyy too high. Anything after that, if you're still having difficulties connecting, clear your cookies/cache, or run a ping and tracert to the domain to see what's going on.
     
< Gold Selling Website | >

Users viewing this thread
1 guest


 
 
Adblock breaks this site