How do you add a text box to an image already made

DOes anyone know how to add a text box to an image already imported to
dreamweaver. I'm unable to drop the text box into the image because everytime
it puts the text box either above the image or below. But I want to box to be
part of the image.

Use CSS to create the image as a background to the container, you will then
be able to type over the top of it.
Are you using divs or table cells ?

--
Nadia
Adobe® Community Expert : Dreamweaver
----------------------------------------
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
----------------------------------------------------





"nrherron" <webforumsuser (AT) macromedia (DOT) com> wrote

DOes anyone know how to add a text box to an image already imported to
dreamweaver. I'm unable to drop the text box into the image because
everytime
it puts the text box either above the image or below. But I want to box
to be
part of the image.

How can i make an image with corel draw and then bring it into dreamweaver and
then put a text field in it. is it possible. i'm new to designing so please
don't get mad. I have no idea how to use css. i get into it but do not know
how to code with it.

"nrherron" <webforumsuser (AT) macromedia (DOT) com> wrote

How can i make an image with corel draw and then bring it into dreamweaver
and
then put a text field in it. is it possible. i'm new to designing so
please
don't get mad.

I won't get mad :-)

I have no idea how to use css. i get into it but do not know
how to code with it.

Again, how are you laying out the page? Are you using tables?
Tell us that and then we can guide you further?

You could also take a look at this tutorial - it's using Fireworks, but the
steps would be the same regardless of which graphics program you used:
http://www.adobe.com/devnet/firework...youts_pt1.html


--
Nadia
Adobe® Community Expert : Dreamweaver
----------------------------------------
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
----------------------------------------------------

sorry. yes i am using tables to layout my design

noah

How do you "create the image as a background to the container"? What's the
container? Does the image need to be split into a table in order for this to
work? It seems like it would be an easy enough thing to just add a text box on
top of an image...If you could give me detailed instructions it would be most
helpful!

With CSS. Use a repeating image as a background for the content division.
http://alt-web.com/Image-slices-in-a...ed-layout.html



--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

"strippedman" <webforumsuser (AT) macromedia (DOT) com> wrote

How do you "create the image as a background to the container"? What's the
container? Does the image need to be split into a table in order for this
to
work? It seems like it would be an easy enough thing to just add a text
box on
top of an image...If you could give me detailed instructions it would be
most
helpful!

I'm looking more for something like this:

www.muse.mu

See how there's essentially a picture of the band in the background and then
two text boxes with scrolling capability on the right? That's all I want...two
locked scrolling text boxes on a picture...without using flash.

Not very user-friendly IMHO, but ok here goes:

Place a picture of the band in your body background's CSS with repeat:
no-repeat. Then add a scrolling division to your html page - like so:

<div align="right">
<div style="font-family:'Verdana', 'Arial', 'Sans-serif'; font-size:12px;
color:#FFFFFF; text-align: left; background-color:#000000; border:2px solid;
overflow: auto; padding:10px; width:auto; height:200px; border-color:
#333333;"><h3>Your heading goes here</h3><br><br> More text goes
here<br><br> and more text goes here...</div>

<p>&nbsp;</p>

<div style="font-family:'Verdana', 'Arial', 'Sans-serif'; font-size:12px;
color:#FFFFFF; text-align: left; background-color:#000000; border:2px solid;
overflow: auto; padding:10px; width:auto; height:200px; border-color:
#333333;"><h3>Your heading goes here</h3><br><br> More text goes
here<br><br> and more text goes here...</div>

</div>


--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com


"strippedman" <webforumsuser (AT) macromedia (DOT) com> wrote

I'm looking more for something like this:

www.muse.mu

See how there's essentially a picture of the band in the background and
then
two text boxes with scrolling capability on the right? That's all I
want...two
locked scrolling text boxes on a picture...without using flash.