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 15 of 15
  1. #1
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How would I add text over an image?

    Hey I have a question. How would I be able to add text over an image in dreamweaver? First of all, using Photoshop, I would have all the images sliced and then use dreamweaver. How would I do it without messing up the template in dreamweaver? Because whenever I try to add text, one of the template images move and is displaced.

    Before I would just do all the text in Photoshop as well, but they all end up being images. You know how on websites you can copy the text. Well I want to be able to do that on mines.

    Thanks in advanced.
    Last edited by PardonMe; 12-28-2006 at 09:11 AM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You need to make the image a background image rather than an actual image tag. Then you will be able to put text in the element that you put the background image on. If you don't know how to do that then I suggest you go read some tutorials on basic html and CSS.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can you link me to these tutorials? I know there are a lot of tutorials on html and css, but I want it on exactly these topics. Please help. Thanks

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its really not that hard.
    Code:
    <td style="background:url(linktoimage.jpg);width:#px;height#px">some text</td>
    www.htmldog.com is a good site to learn from as is www.w3schools.com
    It seems like you just dove into html not knowing what you were doing.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yea I just did kind of. I know how to make the template and all but I have trouble with the text. Thanks though.. if there is anymore I need to know then please help. Thanks

  • #6
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Something like this?

    <td style="background:url"(images/top_mainfeature.gif)" width="592" height="215" alt="">TESTTT</td>

    I can see the text but the picture is moved either to the right or left and is displaced.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Then you need to post a link to your page or something. The background image shouldn't change placement.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think it is because I didn't make it a background image.

    You need to make the image a background image rather than an actual image tag.
    Would I have to do this for every part of the template? If I were to make it a background image, I would do it in Photoshop correct? In Photoshop I would do, save for web and save as images only? At the moment, I have it as images and html. I think my problem occurs way before dreamweaver. Sorry if I'm newbie.

  • #9
    Senior Coder whizard's Avatar
    Join Date
    Jan 2005
    Location
    Philadelphia, PA, USA
    Posts
    1,662
    Thanks
    14
    Thanked 76 Times in 76 Posts
    Making an image a background image is done through the coding, not through the image editing software.

    You can use any image as either a background or inline image.

    Inline Image code:
    <img src="myimage.jpg" />

    Background Image code:
    <h1 style="background:url(images/myimage.jpg);">Text with background image</h1>

    Dan

    PS- You seem to have an extra " in your code, between background:url and (image path)
    PHP Tip: If you want to use short tags (<? or <?=$var) then make sure short_open_tag is set to "1". It really helps.

    Don't forget to save everyone time and mark your thread as Resolved :)

    "Also note that it is your responsibility to die() if necessary."

    DON'T USE THE MYSQL_ EXTENSION

  • #10
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah I see. I understand this quite better now. I tried it myself and it seems to work. I still have some problems but I will try to figure them out by myself for now. Thanks, I will be posting further questions soon.

  • #11
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <h1 style="background:url(images/myimage.jpg);">Text with background image</h1>
    How would I add the width and size for this? thanks

  • #12
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nevermind I got it.

  • #13
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I got the hang of it but its still annoying, is there another way to do this? Is there like a program where u can just open the .html file and add text to it as you would in like photoshop adding text.

  • #14
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Dreamweaver can do this but then again if you are wanting the easy way out then why are you even trying to do web design in the first place? How do you think everyone else does it? I code by hand setting background images to elements I want to place text over. Its the way to do it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #15
    New Coder
    Join Date
    Dec 2006
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hm.. now I see why it takes a lot of time and money. I didn't mean it as an insult, I just figured there has to be a tool like this to make it easier, but then i guess there isn't. Thanks though.


  •  

    Posting Permissions

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