Need help with link

[DarcyTucker]

Might sound like a dumb question to some, but I'm a newb when it comes to this.

I'm trying to make a website. I did the whole page on photoshop, sliced it, now I want to put up some links. 2 problems.

1. Each time I try putting up the link, a blue square goes all around the linked image, and then everything goes out of place. I don't want the blue, doesn't belong there.

2. One of the sliced image happens to be where I want to put up my text, but I can't seem to figure out how to write on the image.

Your help would be really appreciated here, thank you.

 

[wiser3]

1. Is this happening only in the GoLive layout window or also when previewing in a browser?

2. You can't "write on an image", unless the image is a backgound or the text is in a floating box and at a higher z-index layer then the image. This isn't a GoLive bug or problem, but simply how the web works. The simplest way to put text there is to select the image, press delete. Then click in that cell and type your text.

It's always easier for me to trouble shoot problems if i can see the actual pages. Can you post them somewhere? I know you may not want the world to see it yet, since it doesn't work yet, but you can create a sub dir in your site like "betatest1" and dump the pages in there. Then only you and i will know about them, and when were finished they can be deleted.

 

[DarcyTucker]

http://img.photobucket.com/albums/v516/WadeBelak/main2.jpg

Ok so I figure out how to do the link thing...it was pretty stupid. The green part is where we want to put the text. Last I checked, I wasn't able to put text over the image.

 

[wiser3]

The pic really helps me understand what your doing. There is more then one way to do what you want. Which method is best, depends on your abilities and on how you have the coded the page.

This is the method that will work for most situations:
1. Remove the green img from the page.
2. Regardless of whether the green area is a table, a table cell, or a div, give it a class.
examples:
< table width="50%" class="holder">
< td width="50%" class="holder">
< div width="50%" class="holder">

3. Then create a css style for "holder" by putting this in the head of the page (or add the .holder rule to your existing css rules):

<style type="text/css" media="all"><!--
.holder { background-image: url(pathto/greenimage.jpg) }
--></style>

4. Type your text into the area.

5. Feel free to use the .holder class rule to style the text.
example
.holder { color: green; font-weight: bold; font-size: larger; background-image: url(pathto/greenimage.jpg) }