Re: [WSG] Windows Vista Style Buttons

[Nick Fitzsimons]

On 29 Apr 2007, at 16:14:41, Sagnik Dey wrote:


But a background image can't adjust to a varied length of Text :)


But with a little bit of magic...




:-)

HTH,

Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Sagnik Dey]

But a background image can't adjust to a varied length of Text :)



On 4/29/07, Raena Jackson Armitage <[EMAIL PROTECTED]> wrote:


On 4/28/07, Sagnik Dey <[EMAIL PROTECTED]> wrote:
>
>
> U haven't got me guys..i think.
>
> I didn't asked about the dropdown menu but the HOVER image tht appears.



 Put a background-image on the a:hover pertaining to those links. :)
http://www.wellstyled.com/css-nopreload-rollovers.html

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





--
:: Sagnik ::


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Raena Jackson Armitage]

On 4/28/07, Sagnik Dey <[EMAIL PROTECTED]> wrote:



U haven't got me guys..i think.

I didn't asked about the dropdown menu but the HOVER image tht appears.




Put a background-image on the a:hover pertaining to those links. :)
http://www.wellstyled.com/css-nopreload-rollovers.html


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Raena Jackson Armitage]

On 4/28/07, Sagnik Dey <[EMAIL PROTECTED]> wrote:



U haven't got me guys..i think.

I didn't asked about the dropdown menu but the HOVER image tht appears.




Put a background-image on the a:hover pertaining to those links. :)
http://www.wellstyled.com/css-nopreload-rollovers.html


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Breton Slivka]

Right, but now that he knows what they're called, he can use google  
to find a link such as this:

http://www.seoconsultants.com/css/menus/tutorial/
which has a fix for IE, or any of a number of other links on google,  
which also have fixes.


Anyways, nothing wrong with IE users getting a slightly degraded  
experience, as long as they can still use and access the site.




On 28/04/2007, at 8:31 PM, Designer wrote:


Breton Slivka wrote:

you can do it like this:
http://meyerweb.com/eric/css/edge/menus/demo.html
But you should know that this UI pattern is a usability/ 
accessability disaster, and usually a symptom of poor content  
organization. I would encourage better organization in order to  
avoid these altogether.



You should also note that these methods rely on the browser's  
ability to support hover on pseudo elements, which makes it utterly  
useless in the real world (where IE is king!). AFAIK, only mozilla  
will support this.


(Incidentally, I was just amused to find that the Thunderbird   
spell checker doesn't know what Mozilla is, nor indeed,  
Thunderbird :-) )


--
Bob

www.gwelanmor-internet.co.uk



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Designer]

Breton Slivka wrote:

you can do it like this:
http://meyerweb.com/eric/css/edge/menus/demo.html

But you should know that this UI pattern is a usability/accessability 
disaster, and usually a symptom of poor content organization. I would 
encourage better organization in order to avoid these altogether.






You should also note that these methods rely on the browser's ability to 
support hover on pseudo elements, which makes it utterly useless in the 
real world (where IE is king!). AFAIK, only mozilla will support this.


(Incidentally, I was just amused to find that the Thunderbird  spell 
checker doesn't know what Mozilla is, nor indeed, Thunderbird :-) )


--
Bob

www.gwelanmor-internet.co.uk



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Windows Vista Style Buttons

[Breton Slivka]

you can do it like this:
http://meyerweb.com/eric/css/edge/menus/demo.html

But you should know that this UI pattern is a usability/accessability  
disaster, and usually a symptom of poor content organization. I would  
encourage better organization in order to avoid these altogether.



On 28/04/2007, at 6:01 PM, Sagnik Dey wrote:



Hi Everybody,

 I've following the queries in this group since long. The solutions  
provided are quite helpful to all. This is my first query


How can i develop a menu just like in winvista...sublinks  
one...whenevr we hover a link an expandable image is displayed.


I'm attaching an image to be more clear. Marken in red is the link.

http://www.microsoft.com/windows/products/windowsvista/default.mspx





--
:: Sagnik ::
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***