Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-12 Thread francky
Zoe M. Gillenwater wrote: >>[...] >>http://www.charlestonwebsolutions.com/test_case/block_nav_01.html >> >>[...]did not test this in anything but Firefox on my Mac. >>Should be OK for other browsers, even IE, but check all the >>browsers you are concerned about to be sure. >> >> >I can conf

Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-10 Thread Zoe M. Gillenwater
Jono wrote: >> http://www.itshere.org.uk >> >> Does anyone know of a way I could do this, without a whole heap of work >> (and ideally without Javascript). >> >> > > > You can create that effect fairly easily with CSS by using left borders to > create the blocks and then margins and a small ba

Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-09 Thread Jono
> http://www.itshere.org.uk > > Does anyone know of a way I could do this, without a whole heap of work > (and ideally without Javascript). > You can create that effect fairly easily with CSS by using left borders to create the blocks and then margins and a small background image to create the d

Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-09 Thread BigSmoke
You can give each menu item a different id and then style these IDs accordingly, such as in: Home About us Our Services ul.menu { list-style: none; margin: 0; padding: 0; } .menu li { border-left: 1em solid yellow; border-bottom: 2px solid white; background-color: white; m

Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-09 Thread Jackie Carey
Thanks for this, Rakesh. My problem is, I can't work out how write the css to get a different colored box into the different list items when I rewrite the menu as a list, as per http://css.maxdesign.com.au/listamatic/vertical05.htm which uses just one image. That weird mouseover event is one of

Re: [css-d] Can this menu be reproduced with pure CSS?

2006-02-09 Thread Rakesh Pai
This is fairly simple. You can use a border-left for the colored boxes with a background-position: left with an appropriate image to show that white gap between the colored box and the menu item. There might be other solutions too, though. This is just something I came up with off the top. Just a

[css-d] Can this menu be reproduced with pure CSS?

2006-02-09 Thread Jackie Carey
http://www.itshere.org.uk I've inherited this table-based site, which is going to be replaced with a CMS-based site at some point in the next six months. I've worked styles into some of it, and the rest can remain until the switch. However, I am not happy with the menu and would like to replace