round corners

[Reg Wharf]

Hi guys,

Been learning css for a while now and it's taken me months to learn how to do rounded corners without images or js, but just as I've cracked it I find that
I can't put any kind of menu on the site ie. the html works of course but completely ignores the css instructions.
Can you help me from this short explanation or do I need to give you the code.

Thanks,

Mark.

 

[Darren]

I think you might have to explain yourself a little more:

Browser, code, online location to view.

I dont think IE is supporting CSS3 properly atm.

 

[bensd]

You will probably need to use hacks for some browsers as they all have a different level of css they support.

 

[tifosi]

Try: 25 Rounded Corners Techniques with CSS | cssJuice which was in this months .NET mag

And a jquery plugin... http://dev.jquery.com/~paul/plugins/nifty/example.html

S

 

[accelerator]

Hi guys,
Been learning css for a while now and it's taken me months to learn how to do rounded corners without images or js

You must be a big fan of rounded corners!

I find the sitepoint.com forums quite good for CSS matters.

Rgds

 

[Reg Wharf]

Hi guys,

Thanks for the replies. I'm pretty new to website design and I knew when I started the thread I was being a bit hasty. I don't understand hacks or plugins so I think I'll just slow down and stick to what I know for now. The site is not up and running so you are unable to view it.
Seeing that you had the courtesy to reply I'll show you the code I used:

css

.container
{
width:721px
;margin-left:auto;
margin-right:auto;
}


.rtop, .rbottom{
display:block;
background:#bfe2f9;
}


.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#b22222;
}


.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

html

<div class="container">
<b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b></div>

I am using IE7

Using this code prevents me from using any kind of css menu, it just ignores the css.

@tifosi-been looking at those for months can't understand any of them!
@accelerator-got a bit obsessed with them I'm afraid!

Thanks,

Mark

 

[bensd]

I don't understand hacks...

Because the browsers don't all display css in the same way, most large sites will have a standard style sheet and one for each of the browsers displaying the site incorrectly.