Need some advice for image frame

[nogasrequired]

Hello everyone !
I am trying to figure out a way to make an image as a frame wrapped around a inkfrog/ ebay listing. The problem I am having is no matter what I have tried I always get tiling of the image. I have tried these..

MOD EDIT – Codedump removed

and the image usually disappears or messes up the rest of the html codes..
I guess I could maybe change the properties/dimensions of the image but for each listing I will try to use the gallery image as the frame so there is no real universal or easy system.
My real goal is to have borders on the inside and outside of the image but I will be happy to start with easy then progress.

I am submitting an example of my frame..
My image would be pasted over the ” XXXXX ”
any ideas?

[nogasrequired]

MOD EDIT – Codedump removed

[shaneisme]

Dumping the code in a post doesn’t help us. Please use http://codepen.io or something similar so we can help.

[nogasrequired]

Didn’t realize that copy/paste was so hard..

guess that code didn’t work right anyway..

hope this link works..

http://codepen.io/nogasrequired/details/lChma

[shaneisme]

Hmm – I can see what you created, but I’m not 100% sure what you’re looking to do.

Would you be able to provide an example that’s working, or a screenshot / picture?

[nogasrequired]

http://codepen.io/nogasrequired/pen/Blrjx

This is a frame that has two different borders.. I can probably use different borders in the future but I am using these for the moment.
Maybe there might have to be changes with the padding,spacing,px’es and what not but I have to start somewhere..

I have tried a simple frame with no borders and still get tiling.

Inkfrog’s new editor has let me see images that are much larger which I will post that code as well as other examples~ later on tonight.

[Paulie_D]

If you want to use an image as a border then you should look into border-image.

However, it’s a little complex to get your head around.

If you could provide us with an image of what this is supposed to look like, we might be able to help you better.

[nogasrequired]

http://codepen.io/nogasrequired/pen/kjdtw

These are some examples.. I need to resize them soon but this is a start

[nogasrequired]

you’ll have to imagine some borders inside and out.. If I could show you what they are suppose to look like then I wouldn’t need any help…

[Paulie_D]

Without knowing the specifics of your HTML and the image sizes it’s going to be hard.

I would say that trying to size the ‘internal holes’ based on the image is probably not the right way to go.

Are you actually going to be using specific images here…that seems odd to me? I would be using something more generic.

http://codepen.io/Paulie-D/pen/ACFry

[nogasrequired]

Tried your css code with inkfrog editor and when I flipped over to preview all I saw was the words.. Perhaps I just might be out of luck with my dreams.. Sure hope not.

Maybe I will pretend to draft a listing with Ebays editor to see if it accepts css codes..

I guess I will keep trying different codes and editors..
I will let you guys know what I find out soon..

I am always open for advise..

[nogasrequired]

well.. Ebay’s editor doesn’t seem to like css either.. Just words and numbers..

rats..

[Author]

Posts