CSS - Round Tab

I am trying to put a image as the background of a menu and when I place it as the background of the <ul>, the corners of the box show? how do I manipulate it so that the corners of the <ul> or <div> do not show with a round image?

Thanks!

Hi,

I have a popup span within links, giving extra information.

Ideally I wish to specify it as position fixed for non-IE5 and 6 browsers, but (because IE can't handle it, make it position absolute for them instead. This is easy with PHP and works fine. But I am also offering it in code for others to use as syndicated content, so for them, PHP is not necessarily possible.

If I have position:fixed; left:10px;top:10px in my general style sheet

then I cannot use

position:absolute
afterwards in a style for IE within conditional IE tags.

because 'position:absolute; does not over-ride 'position-fixed' for IE, even if it is lower down the page.

I can think of no way of hiding 'position absolute' from IE. And it does not help to put, in the IE-only style, anything like

position:absolute;top:none;left:none

to try to cancel out the effects of the general style sheet.

Is there any work-around for somehow hiding or cancelling the position:fixed CSS, for IE, so that it will respond to position:absolute instead.

many thanks

Tony

Hi all,
I am trying to find a code for a CSS for Dreamweaver in order to create a round table
Do you now sth?

Hi,
I have 5 images to display in my rounded corner. It works fine but i can't resize the whole image below 350px in height.The width seems fine for what i want about 140px. The height sizes of the side,trc,brc image are all 120 px each and total 360px. If I set the height to below 350 then i get the bottom chopped off with squarish corners. Why can't this image resize itself because i specify in % size?

Code:

div#t3 {

	height:350px;
     background: url(../images/tlc.jpg) top left no-repeat;
	color: black;

    width: 100%;
}

div#tr {
 height:10%;
  background: url(../images/trc.jpg) top right no-repeat;


	}
	
 div#mr{
    height: 80%;
       height: 100px%;
  background: url(../images/side.jpg) top right repeat-y;

	}


 div#ft {

  height:10%;
  
    background: url(../images/blc.jpg) bottom left no-repeat;

    }

 div#ft2{
    height:100%;
     height:50px;
  background: url(../images/brc.jpg) bottom right no-repeat;

}


//html

<div id="t3">
<div id="tr">
</div>
<div id="mr">

  gdfgdg<br>fsdfds<br>asdasdasdasdasdasd

</div>
<div id="ft">
<div id="ft2">
</div>
</div>
</div>

Hi guys,

I've applied a clearfix to contain two floating elements (the checkbox and submit button - see below), unfortunately, this doesn't seem to work too well with the rounded corners technique I'm using.

Before adding floating elements and clearfix
http://www.soapshoe.co.uk/testa.php

After adding floating elements and clearfix
http://www.soapshoe.co.uk/test.php

Anyone got any advice on what's going wrong?