Photoshop/using the Slice tool

[jason007thomas]

I have an image that I'm trying to cut a hole in the middle of because I'm trying to use it as a <div> tag in dreamweaver but I can't get the hole cut in the center (its really a square). How do I do this.

[igjoe]

I'd like to help but I'm really confused on what you are trying to do. How do use use an image as a <div> tag? Are you trying to create an border for a div using an image?

[jason007thomas]

I think I used the wrong terminology, sorry. (I'm basically doing this)
I made a box slash inter face and in the middle of it I wanna cut a square hole so I can put linked text in the middle when I get it over to dreamweaver.
I wanna know which tool I use to make the cut in the middle of this image.
(I used the shape tool and made a square with rounded edges and nice graphics over the top of it, now I wanna cut a hole through the middle of the square shape.)

[igjoe]

Well, you can't put text over an image in html. However, you can make a it a background image using css and then write over it.

For example:
<div style="background-image:url(images/background.jpg) width:*px; height*px;><a href="mylink.html"><p style="margin-top:*px; margin-left:*px;">Link Text!</p></a></div>
(Note: try different numbers for your margins until the text lines up with where you want it to show up. Also, set your width and height to the width and height of the background image.)

There is a way that you could literally cut a hole for text to fit, but I wouldn't recommend it. you could cut the image into four pieces, a top, 3 middles pieces and a bottom. Then when you put the pieces online use a table to place the images. For the very middle table cell, just leave out that image that you cut out so you will only be using 4 pieces of the cut out image (top, middle-left, middle-right, and bottom). Then you can place your text in that middle table cell.

Hopefully this helps you and best of luck getting what you need!

[jason007thomas]

Thanks Joe:
I found a way to design my web pages appearance in photoshop but I know that's gonna cost me somehow as far as being efficient in my code but it's working out so far. the only problem I'm having is mapping my images for hyperlinks sake but I think my problem is that im entering my images as background instead of a straight image but I'll figure it out when I get home.

Thanks for the reply
and stay out of that cold up north weather!!!

[igjoe]

yeah, you can't do hyperlinks with background images as far as I know so hopefully you can get regular images to work how you need them to. I will do my best to stay out of the cold