1 reply [Last post]
Ellen Rothwax
Ellen Rothwax's picture
Offline
newbie
Last seen: 4 years 12 weeks ago
Timezone: GMT-4
Joined: 2007-11-13
Posts: 1
Points: 2

I am working on CMS site in Joomla, the template was originally created with Artisteer. Across the top of the page is a module that is supposed to have rounded corners. I want an image to fill the module, defined by the rounded corners. Here is a link to a page

http://tiny.cc/h29b8

You can see the css and html with Firebug in Mozilla Firefox. Can anyone tell me what i have to do to get the image to fill the module and see the rounded edges? And that it displays properly in IE as well? Also, you will see that the spacing around the module is inconsistent in Firefox and IE. Can anyone help with that?
Any help is appreciated.

Panda
Panda's picture
Offline
Enthusiast
UK
Last seen: 4 years 4 weeks ago
UK
Timezone: GMT+1
Joined: 2010-04-25
Posts: 98
Points: 110

If I understand you correctly

If I understand you correctly, your problem is related to your transparent corners. You can do the following if this is the case...

Change this:

.headerwrap
{
	position: relative;
	z-index:1;
	padding: 6px;
background-color:#ffffff;
}

to this:

.headerwrap
{
	position: relative;
	z-index:1;
	padding: 6px;
}

or you can bump the corners and the top up by say 5px like so:

.art-Sheet-tl
{
	top:-5px;
	left:0;
	clip: rect(auto, 26px, 26px, auto);
}

and don't forget to change the sides as well:

.art-Sheet-cr, .art-Sheet-cl
{
	top: 21px;
	bottom: 26px;
	width: 52px;
	background-image: url('../images/Sheet-v.png');
}