We're using an old version of Umbraco (v4.11.4) and I'm having a problem with a tabbed menu.
We have set up 3 tabs in the menu, each of which are separated by a colour separator. However, because the names of tabs 1-3 don't take up the width of the tab menu, I have a large coloured separator at the end.
How can I get rid of this final coloured separator so that the space is white? I have attached an image so you can see what I mean.
On this site you can find which browsers that supports specific CSS3 and HTML things. For our last-child example try to see http://caniuse.com/#search=%3Alast
Problem with tabbed menus in Umbraco 4.11.4
Hi there
We're using an old version of Umbraco (v4.11.4) and I'm having a problem with a tabbed menu.
We have set up 3 tabs in the menu, each of which are separated by a colour separator. However, because the names of tabs 1-3 don't take up the width of the tab menu, I have a large coloured separator at the end.
How can I get rid of this final coloured separator so that the space is white? I have attached an image so you can see what I mean.
Many thanks Jon
Hi Jon,
You could use the last:child selector to change the colour of the separator.
Try to see this https://css-tricks.com/almanac/selectors/l/last-child/ But beware that if you need to optimize to some specific browser, then check the site http://caniuse.com.
On this site you can find which browsers that supports specific CSS3 and HTML things. For our last-child example try to see http://caniuse.com/#search=%3Alast
Hope this helps,
/Dennis
Hi Dennis
Many thanks for your help.
Best wishes, Jon
is working on a reply...