Victor Kimura
asked on
transparent border
Hi,
I'm wondering how I can use a transparent border like this one around the image. I think we can do it CSS, right? Will it work with IE 7>, Firefox 3.x>, Opera, Safari, Chrome?
Maybe there is a javascript code for doing this or jquery plugin?
Thanks,
Victor
I'm wondering how I can use a transparent border like this one around the image. I think we can do it CSS, right? Will it work with IE 7>, Firefox 3.x>, Opera, Safari, Chrome?
Maybe there is a javascript code for doing this or jquery plugin?
Thanks,
Victor
border-stlyle:none;
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You can set border color same as backgound color
You can use margin or padding with borderstyle none to get the placement you want
ASKER
Sorry, I forgot to add the link. I'd like to achieve this transparent border:
http://nivo.dev7studios.com/#usage
http://nivo.dev7studios.com/#usage
<<I'd like to achieve this transparent border:>>
which one?
which one?
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi julianmatz,
Where did you see that slider.png in the code? I tried to look at the source to view the code surrounding this background image but I couldn't find it.
Where did you see that slider.png in the code? I tried to look at the source to view the code surrounding this background image but I couldn't find it.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you.
No, what I did was very simple actually. In Firefox, I put the mouse cursor right over one of the edges of the border, clicked the right mouse button and then selected "View Background Image". That gave me the URL of the image.
If you'd like to see the CSS used for it, I recommend installing the Firebug extension for Firefox. It's even better than the Web Developer extension for viewing CSS as it gives you a breakdown of both HTML and CSS side by side. If you then click on a HTML element, it will show you the element on the screen and will also show you all the relevant CSS rules.
If you'd like to see the CSS used for it, I recommend installing the Firebug extension for Firefox. It's even better than the Web Developer extension for viewing CSS as it gives you a breakdown of both HTML and CSS side by side. If you then click on a HTML element, it will show you the element on the screen and will also show you all the relevant CSS rules.