Css rounding background color

  • oskillzzo
  • Beginner
  • Beginner
  • oskillzzo
  • Posts: 50

Post 3+ Months Ago

http://www.onlygoodanimes.com

on the header, when you hover over, is there a way to make the background color show up with rounded corners instead of in block form?

this is what that part of my css looks like

Code: [ Select ]
/* -- Navigation --*/
ul.nav {list-style : none;margin:0 0 0px 0;padding:0px 0px 0px 0px;background :#ffffff url(http://www.onlygoodanimes.com/layout/layout4/header.jpg) repeat-x;min-height:37px;text-align:center;}
* html ul.nav {height:37px;}
ul.nav li {list-style : none;margin : 0;padding:0px 0px 0px 0px; font-size:18px;font-weight:bold; text-transform:uppercase;display:inline;}
ul.nav li a {float:left; color:#ffffff;text-decoration:none;margin:0px 0px 0px 0px;}
ul.nav li a span {float:left;padding:13px 12px 13px 12px;line-height:16px;cursor:pointer;}
ul.nav li a:hover, ul.nav li.selected a {background:#0078e7 url() no-repeat;color:#dddedf;text-decoration:none;}
ul.nav li a:hover span, ul.nav li.selected a span {background:url() no-repeat right -24px;}
  1. /* -- Navigation --*/
  2. ul.nav {list-style : none;margin:0 0 0px 0;padding:0px 0px 0px 0px;background :#ffffff url(http://www.onlygoodanimes.com/layout/layout4/header.jpg) repeat-x;min-height:37px;text-align:center;}
  3. * html ul.nav {height:37px;}
  4. ul.nav li {list-style : none;margin : 0;padding:0px 0px 0px 0px; font-size:18px;font-weight:bold; text-transform:uppercase;display:inline;}
  5. ul.nav li a {float:left; color:#ffffff;text-decoration:none;margin:0px 0px 0px 0px;}
  6. ul.nav li a span {float:left;padding:13px 12px 13px 12px;line-height:16px;cursor:pointer;}
  7. ul.nav li a:hover, ul.nav li.selected a {background:#0078e7 url() no-repeat;color:#dddedf;text-decoration:none;}
  8. ul.nav li a:hover span, ul.nav li.selected a span {background:url() no-repeat right -24px;}
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

an image?

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 42 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.