rounded corners....!!! with CSS

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
tilemarron
Posts: 1
Joined: Fri Oct 12, 2007 4:08 pm

rounded corners....!!! with CSS

Post by tilemarron »

Can somebody please help me be telling me howi could design rounded corners on a temple with a header containing a background picture? It should look quite the same as the temple they use for this forum.

I try it with some exemple from the net


roundcont {
width: 250px;
background-color: #f90;
color: #fff;
}

.roundcont p {
margin: 0 10px;
}

.roundtop {
background: url(tr.gif) no-repeat top right;
}

.roundbottom {
background: url(br.gif) no-repeat top right;
}

img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}


, but only firefox can read it well, not internet explorer,
or i may be did'nt really knew where i should applied the classes.





Heeeeeeeeelp me!


Tile.
chickens
Regular
Posts: 192
Joined: Wed Dec 06, 2006 12:15 am
Location: Vegas
Contact:

Post by chickens »

On my old design I used Spiffy Corners to do pure CSS rounded corners. No javascript or images.
http://www.spiffycorners.com/
Post Reply