Skip to main content
V
videomanjon
Participant
June 19, 2009
Question

How do I highlight text in Dreamweaver MX 2004

  • June 19, 2009
  • 2 replies
  • 5217 views

HI to all Dreamweaver extension Forum Participants:

HI to anyone:

I posted a question on how do I highlight text in Dreamweaver MX 2004, to both the Dreamweaver Development Toolbox General Discussion Forum and the Dreamweaver Extension Forum on Tuesday, 6/16/2009 or Wednesday, 6/17/2009, saying this:

HI Anyone:

I have looked under Help and Tutorials in Dreamweaver MX 2004, and I am having a heck of a time finding out how to highlight text in Dreamweaver MX 2004.

Do any of you know how to do this actually in Dreamweaver MX 2004?  Say I wanted to highlight this text, all in Yellow:

This is sample highlighted text.

How would I do it?

Thank you,

Jon Lutz

Promoter Power LLC

Email: support@promoter-power.com

And I got this response from pziecana, in the Dreamweaver Development Toolbox General Discussion:

Re: How do I highlight text in Dreamweaver MX 2004

The simplest way is to use a span and set a background-color for the text you wish to highlight.

e.g.

<span class="graybg">This is some text</span>

css for above -

.graybg{
   backgroung- color: #666666;
}

This would give you a gray background.

HTH

PZ

I tried both, and neither worked.  Any other ideas on how to do this?  I cannot believe it is so hard to do this in Dreamweaver MX 2004, highlighting text.  I'm even enclosing an attachment showing how I did this in the <span class="graybg">This is some text</span> above.

Thank you,

Jon Lutz

Promoter Power LLC

This topic has been closed for replies.

2 replies

pziecina
pziecina
Legend
June 20, 2009

Another way (but very messy way, as it creates a different rule for each individual highlighted text), is to select design view in DW, - highlight the text by holding the left mouse button down and dragging the cursor along the text you wish to highlight, - Go to the properties panel (normally at the bottom of the screen (if not select it from the Window menu item at the top of DW, - click on the box labeled Bg (about 30% from the left), - select the color you require for the text.

As I say this produces exessive code and is very messy, but it works.

PZ

pziecina
pziecina
Legend
June 19, 2009

There is not much point in posting the same question twice, as this will only confuse people, so please close your previous thread or this one.

The code I gave you is two parts one goes in your body code, the css in your style code in the head content. From experience your image will be queued for quite a while (I have known it to be for up to 2 days), so can you create a short example of a page and I will use this to demonstrate what I mean.

Use copy from DW and the browser (edit paste), to insert the code here.

PZ

V
videomanjonAuthor
Participant
June 20, 2009

Hey PZ:

I accidently posted to the Dreamweaver Extensions twice this morning. But

if you go to http://promoterpower.com/test.html, you will see the both of

the codes below:

This is some text between the tags And this (between the ]]> tags:

.graybg{

backgroung- color: #666666;

}

I hope you can show me what you mean?

pziecina
pziecina
Legend
June 20, 2009

You have placed the css in the wrong place and not removed the text.

place the css code below above the following:

-->
</style>

.graybg{
   background-color: #666666;
}

It should then read:

body {
    background-color: #FFFF66;
}
.graybg{
   background-color: #666666;
}
-->
</style>


</head>

HTH

PZ

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices