Ask Me Help Desk

Ask Me Help Desk (https://www.askmehelpdesk.com/forum.php)
-   Dreamweaver (https://www.askmehelpdesk.com/forumdisplay.php?f=470)
-   -   How To Add Text Background In Dreamweaver? (https://www.askmehelpdesk.com/showthread.php?t=20101)

  • Feb 8, 2006, 08:46 AM
    Gretsch6120
    How To Add Text Background In Dreamweaver?
    Hi,

    I created a website which has a very colourful background image so when I put text on it you cannot read the text properly. I used to use a program called Namo Web Builder and in this there was a function which put a background around the text you was typing. Check out http://homepages.tesco.net/houndogs/giglist_test.htm so that you know what I’m talking about.

    I am now using Macromedia Dreamweaver to create a website as I had many problems with Namo. I am using exactly the same background image so I need the text background function again but I cannot find it anywhere in Dreamweaver. Is it possible to do this in Dreamweaver?

    I have found that the bit of code which gives the text its coloured background is: background-color:red;">. When I try to paste this code into Dreamweaver it often just messes up the page and doesn’t work.

    Is there not just a function in Dreamweaver which you can turn on to enable you to do this?

    Thanks for reading this. I look forward to some replies.

    Best Regards,
    David
  • Feb 8, 2006, 09:18 AM
    LTheobald
    The problem is that you are just pasting that text into the design tab on Dreamweaver. That text is some HTML so it needs to go into the Code tab. I don't know if there is a button etc. to allow this in DreamWeaver but here's how to do it using the HTML code.

    • Switch form the design view to the Code view.
    • You are know looking at the HTML of your web page. Find the text you want to put a background round (try CTRL+F and then searching for it). It will hopefully be surrounded by some tags like below:

      Code:

      <p>Give me a red background</p>
      If it doesn't have any tags round it - add some span tags. E.g.

      Code:

      <span>Give me a red background</span>
      Now what you want to do is to set a style on this tag, in this case giving it a red background. So change the tag to look like the following:

      Code:

      <p style="background: red;">Give me a red background</p>
      <span style="background: red;">Give me a red background</span>

    • Switch back to the design view and it should show you the red text.


    Of course there are more choices of colour than just "red". You can try other colour names or you can also enter a hex code which is a hash (#) followed by 6 characters from 0-9 or A-Z. E.g. White in hex is #FFFFFF, black is #000000. Some examples of hex colours here.
  • Feb 20, 2009, 08:12 PM
    ahcould

    If you are eager tlearn something try learning how to style a webpage using CSS.

  • All times are GMT -7. The time now is 07:37 AM.