Trying to add text over picture backdrop

Posted on 2005-04-12
Last Modified: 2011-09-20
Basically I have created a shell template for my brother's web site but I am very new to this.   I have a gif that I am using as the background and I want to add text over the top that would be searchable by the various search engines.  I am using Dreamweaver MX 2004 and Adobe Photoshop CS.  I know I can created a text layer over the background image but from what I've read that becomes a gif image itself and the search engine bots wont read it .  

First, is this true?  If so what is another way to accomplish this text task.

Question by:rngrfan
    LVL 20

    Accepted Solution


    Search engine's read meta tags, as well as page text.
    here's a reference for you to look at regarding meta data.

    Why don't you add the gif image as a table background or page background, then you can type over it all day long.

    <td background="yourwebfolder/images/image.gif" height="45" width="45">

    or simply

    <td background="yourwebfolder/images/image.gif">

    You can also add background="yourwebfolder/images/image.gif" to table as well. Just depends on where you want it. :o)

    <table background="yourwebfolder/images/image.gif">



    Author Comment

    trail that worked great.  Thanks.

    Author Comment

    trail i do have one minor problem.  The text starts at the very edge.  I have a paragrah that it justified.  Is there an easy way to maybe move it in an inch or so
    LVL 20

    Expert Comment


    Yeah there sure is

    If you want to add a space to anything on the page put this infront of it in the html &nbsp;

    you can put as many as you want to get the right spacing ie. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    remember though tables have properties that will align text though

    valign= is for veritcal allignment Ie.. <table valign="middle" align="center"> puts anything in this table smack dab in the middle like a target.

    valign attributes are:     middle, bottom, top
    align are:       left, right, and center

    align= horizontal allignment

    You can also use <BR> to like a return button, makes the sentence go to the next line down.

    if you put in your html this:

     This is test text This is test text This is test text This is test text<br> This is test text This is test text This is test text

    it will look like this when you view the page

     This is test text This is test text This is test text This is test text
     This is test text This is test text This is test text This is test text

    Hope that helps! :o)


    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Join & Write a Comment

    For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
    Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
    how to add IIS SMTP to handle application/Scanner relays into office 365.
    This video discusses moving either the default database or any database to a new volume.

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now