ll87 Posted October 5, 2009 Report Share Posted October 5, 2009 the website at www.goodtoknow.co.uk has a nice tabbed menu (imo) but when right clicking one to find their background images, nothing comes up in the list to do it. surely they use images? i used firebug to look at the css briefly but nothing that puts an image there. is there a way they would have blocked viewers from getting the background image? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted October 5, 2009 Report Share Posted October 5, 2009 No, they have used an image -- url(/images/nav/tabs/tab_left.png). It is overlayed over the tab background color (which is unique for each tab) and creates the tab effect. The css rule: ul.tab #t-generic, ul.tab #t-health, ul.tab #t-diet, ul.tab #t-food, ul.tab #t-family, ul.tab #t-videos, ul.tab #t-forums, ul.tab #t-xmas, ul.tab #t-coffee-break, ul.tab #t-shopping, ul.tab #t-sex, ul.tab #t-goodforyou, ul.tab #t-nationalfamilyweek { background-color:#FF54A1; background-image:url(/images/nav/tabs/tab_left.png); background-position:left top; background-repeat:no-repeat; border-bottom:1px solid #FFD3E7; font-size:1.1em !important; } Quote Link to comment Share on other sites More sharing options...
ll87 Posted October 6, 2009 Author Report Share Posted October 6, 2009 thanks for your help. i still can't find that rule, it's because i'm not using firebug properly, point me in the right direction? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted October 6, 2009 Report Share Posted October 6, 2009 Not sure exactly... I click on the tab using Firebug (I go down to the code view and select the element), and then check the css properties. It is the second listed: .home ul.tab #t-generic, .home ul.tab #t-generic:hover, ul.tab #t-generic:hover { background-color:#FF4A9B; } carousel.css (line 1) ul.tab #t-generic, ul.tab #t-health, ul.tab #t-diet, ul.tab #t-food, ul.tab #t-family, ul.tab #t-videos, ul.tab #t-forums, ul.tab #t-xmas, ul.tab #t-coffee-break, ul.tab #t-shopping, ul.tab #t-sex, ul.tab #t-goodforyou, ul.tab #t-nationalfamilyweek { background-color:#FF54A1; background-image:url(/images/nav/tabs/tab_left.png); background-position:left top; background-repeat:no-repeat; border-bottom:1px solid #FFD3E7; font-size:1.1em !important; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.