This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > October 2005 > rounded corners with one image





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author rounded corners with one image
meltedown

2005-10-14, 6:38 pm

I noticed that the footer menu on the bottom with rounded corners only
uses one image of a rounded corner:img/round15_bot.gif

This one image seems to be used for all four corners, but that can't be
right. How are these corners made ?

Here is the part of the css for the footer

http://www.blogger.com/profile/12345910
/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 0 0;
}
#footer div {
background:#E1D4C0 url("../img/round15_bot.gif") no-repeat right bottom;
}
..pop #footer div {
background-image:none;
}
#footer p {
background:url("../img/round15_top.gif") no-repeat left top;
min-height:2px;
margin:0;
padding:7px 20px;
color:#826C55;
text-align:center;
font-size:93%;
line-height:1.2em;
}

#footer hr {
display:none;
}
denisb

2005-10-14, 10:23 pm

meltedown <groups2@reenie.org> wrote:
> I noticed that the footer menu on the bottom with rounded corners only
> uses one image of a rounded corner:img/round15_bot.gif


no no no !
you have :
____ ____
img/round15_top.gif / \
! !

AND

! !
img/round15_bot.gif \____ ___/


--
@@@@@
E -00 comme on est very beaux dis !
' `) /
|\_ =="
meltedown

2005-10-14, 10:23 pm

denisb wrote:
> meltedown <groups2@reenie.org> wrote:
>
>
>
> no no no !
> you have :
> ____ ____
> img/round15_top.gif / \
> ! !
>
> AND
>
> ! !
> img/round15_bot.gif \____ ___/
>
>

Oh right. I see now the images aren't just one corner, they are two
corners horizontally
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews