Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › border-radius

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 28, 2012 at 10:58 am #36360
    ashmailit81
    Participant

    hi,

    i’m somewhat of a noob so forgive any errors i make, the thing is i’m having a slight problem. i’m using a unordered list to create a drop down menu and i’m using the border-radius to give it rounded edges. the problem i’m facing is that some of the list item tags will have drop downs and some wont. i’ve declared the border-radius to have rounded edges at the top right and top left and the bottom to be flat. what i would like is to know how to make the bottom also round but only in some list item tags not all. hope this makes sense. below is the sample code.


    

    


    
.menu li:hover{
    
-moz-border-radius: 5px 5px 0px 0px;
    
-webkit-border-radius: 5px 5px 0px 0px;
    
border-radius: 5px 5px 0px 0px;
    
}

    thats the code on all the elements but i want the home and about us to be equally rounded. any help is greatly appreciated.
    :)

    January 28, 2012 at 8:05 pm #95629
    joshuanhibbert
    Member

    That’s what classes are meant for. Give ‘Home’ and ‘About Us’ a class and define the border radius for them.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.