Hey guy's, does anyone know how to get a picture framed through CSS ? I'm working on my shop site and have a picture that I need wrapped in a frame.. just need to know how to go about wrapping an image, thanks guys!!

Tried opening html code editor and adding..


Doesn't work..

Hiya Matt,

Is this the same issue you were asking about a few weeks ago or so? If so can you continue the conversation there please? IF not then I'll just suggest the same thing I suggested back then, frame the picture itself rather than trying to place a frame in CSS, it's a whole lot easier. If you're unsure how to do this follow these steps:

1. Find the frame (make sure size is what you want to fit around the image you want to frame) you want to use.

2. Create a new image (transparent png) and place just the frame on it.

3. Open the image you want to frame in the program and do a ctrl+c to copy the image.

4. Switch to the image with the frame on it and do a ctrl+v to paste the image which should end up centered in the frame.

You may need to make adjustments to sizes to get it how you want it to fit the image, but trust me this is extremely easier than trying to do it in CSS. Yes it can be done in CSS, but it's really not the best approach for it.

Your missing something.
<style>
#boxout{
width:250px;
padding:10px;
border:5px solid gray;
margin:10px;}
</style>

lol, ok sorry Jo Ann i'm not sure if I posted before about this, I think in Html editor, but then i knew the css code, but don't know how to use in vsd really, Eric, my minds gone lol, I cant believe I missed that. Is there any place that I can create a frame or something like that? I have Logo Professional Maker but the features for framing aren't very good, I have Corel Draw, but can't even draw. So I don't know..

Uncle+Max, CorelDraw has a bunch of ready-made frames included with it. Which version of Corel do you have? You may need to get them from your disc if you didn't install everything with CorelDraw. For X4 - look in extras, X6 - look in content. There's several "pinstripe" styles as well as grunge, photo frames and traditional styles.

Read my signature.

Well they all have "frames" if you mean a picture frame and not the element frame.

Start simple with VSD.

On the toolbar click Shapes and you get a flyout,
fourth column over forth row down is a frame.

Simple technique is lay one frame inside another and the picture on top and voila,, you have a very simple border that looks like a frame.

bye

ericB

as Eric B said, but select square block, stretch it out till its a little bigger than your picture, paste picture on top, you can select rounded corner option as well if you want.

if you want to go a step further though, preview the page, curser the edge of the frame created, view image to check it all there, then save to desctop.

now you can save for web in photoshop, to obtain suitable image quality and put it in your project folder. See Joann's avatar, with balloon and CC edited in

then replace the two items on the VSD page with your new framed, optimised & re named for SEO image

yeah I went ahead and created my own frames using vsd, althought I was looking for a texture style frame, this will do.. thanks guys!