IMAGE as border??? can it be done???

User avatar
freshmen
Joomla! Intern
Joomla! Intern
Posts: 94
Joined: Mon Oct 24, 2005 7:50 am
Location: Davao City, Philippines "Proudly Pinoy"! :D
Contact:

IMAGE as border??? can it be done???

Postby freshmen » Wed Nov 02, 2005 6:42 am

good day to all! :)


can i issue an image as a border? if so, how/what is the codes in CSS thanks! :)
Last edited by freshmen on Wed Nov 02, 2005 6:51 am, edited 1 time in total.

User avatar
mcepeda
Joomla! Apprentice
Joomla! Apprentice
Posts: 19
Joined: Tue Nov 01, 2005 12:49 am
Location: Saipan, Northern Mariana Islands
Contact:

Re: IMAGE as border??? can it be done???

Postby mcepeda » Fri Nov 04, 2005 7:38 am

In CSS1 and CSS2...no can do. In CSS3, it's possible with the border-image property. You might want to read this, so you can understand it.

Just so you know, it doesn't work yet. :S

The easiest way to use an image as a border is to wrap the area you want in a DIV or other container, assign a padding to the container, and apply a tiling background to the container.

Example:

Code: Select all

//css
div {
background: #f00 url(frame_bg.png);
padding: 20px;
width: 100px;
}

//html
<div><img src="my_picture.png" width="100" height="100"></div>


There are other (albeit, more complicated) ways to use images as borders, of course.
WAR
FreeTeamPlayers

"Oh the tangled webs we weave when we practice to deceive."
-Sir Walter Scott

User avatar
freshmen
Joomla! Intern
Joomla! Intern
Posts: 94
Joined: Mon Oct 24, 2005 7:50 am
Location: Davao City, Philippines "Proudly Pinoy"! :D
Contact:

Re: IMAGE as border??? can it be done???

Postby freshmen » Sat Nov 05, 2005 12:07 am

yeah i already did that. thanks :D

mpourkos
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Fri Jan 25, 2013 11:06 am
Location: Kavala, Greece
Contact:

Re: IMAGE as border??? can it be done???

Postby mpourkos » Sat Aug 31, 2013 1:21 pm

i didn't get that. I want a a frame over an image or [youtube] video and i would like to make it look like the image i uploaded. How could this be done? Is there any module or plug in that i could use?
You do not have the required permissions to view the files attached to this post.

armatoste
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Nov 10, 2014 8:40 pm

Re: IMAGE as border??? can it be done???

Postby armatoste » Mon Nov 10, 2014 8:52 pm

You could create two divs. One as the main content and another with your image as background bigger than the other one. Something like this:

Code: Select all

<div style="width: 100px; height: 100px; background: url("HERE YOUR URL") repeat;">
   <div id="width: 90px; height: 90px; margin: 5px 0 0 5px;">
      // Your content
   </div>
</div>


I guess you got it. Here is a wider explanation: series ly.


Return to “International Support Center”

Who is online

Users browsing this forum: No registered users and 3 guests