How do I create a grey keyboard button in CSS?

-

i'm trying create keyboard button menu in css. need grey space bar on computer keyboard, basically. have information or direction on how can accurately?

 

thanks

here's whipped real quick think gives basics, can play around colors , sizes of borders want. copy code new html document , play around colors in css (.key li "off" version , .key li:hover "on mouse over" version)...

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>css test</title>

<style type="text/css">

body {

    background-color:black;

}

.key li {

     list-style:none;

     margin-left:1px;

     float:left;

     height:20px;

     font:bold 12px/20px verdana, geneva, sans-serif;

     border-left:4px solid #006;

     border-top:4px solid #09f;

     border-right: 4px solid #009;

     border-bottom: 4px solid #00f;

     background-color: #ffffff;

     border-radius:3px;

     padding:0 5px 0 5px;

}

.key li:hover {

     border-left:4px solid #00c;

     border-top:4px solid #09f;

     border-right: 4px solid #00f;

     border-bottom: 4px solid #03f;

     background-color: #c7e2fe;

}

</style>

</head>

 

<body>

<ul class="key">

     <li>something</li>

     <li>like</li>

     <li>this?</li>

</ul>

</body>

</html>



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

How to set the order of FAQs instead of alphabetical

-
i have 19 faqs default showing them in alphabetical order.   i dislplay them in different order, weighting this, , how weighting work, is larger number higher priority, question id show first on list need numbered in weight field 19? hey vickituch,   as mentioned, default faq items sorted alphabetically. weighting, can modify order in faq items appear. way weighting works higher number specify, higher priority faq item have. example, if have 3 items each weight specified, priority follows:   99. faq item. 45. faq item. 7. yet faq item More discussions in Content Management and Modules adobe
Read more

Thread: Get UK Keyboard working

-
i using ubuntu desktop on lucid , keyboard changes british keys american keys, #/£, ~/| , "/@ around. in system->preferences->keyboard menu have set keyboard uk. when log via putty uk keys come out right. there other place more configuration required? /vfclistsguy actually settings should enough.. can try setxkbmap -query see current layout settings. Forum The Ubuntu Forum Community Ubuntu Official Flavours Support Desktop Environments [kubuntu] Get UK Keyboard working Ubuntu
Read more

how do I change the e-mail address for my merchant account

-
aloha   i have different primary address paypal account 1 listed merchant account in form   the different address same paypal account different e-mail address   i change responses   how do that?? hi,   you need register email address want paypal account form, current paypal email used form replaced. that, open form, go options -> collect payments. in paypal setup tab, enter new email address , click register.   please let me know if need more assistance.   thanks,   eman fu senior computer scientist adobe systems inc More discussions in Archived Spaces adobe
Read more