How to create a html button

Discussion in 'HTML & Website Design' started by bondigor69, Dec 22, 2013.

0
  1. #1
    hey guys what im trying to accomplish is a button like pinterest.com
    on top left ( the categories button).

    how can I do that.

    Les says I already have my categories
    <li>cat1</li>
<li>cat2</li>
<li>cat3</li>
<li>cat4</li>
    HTML:
    and onclick of he button display that categories


    thank you in advance
     
    bondigor69, Dec 22, 2013 IP
  2. tanmay.kamath1992

    tanmay.kamath1992 Member

    Messages:
    203
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #2 
    ....loop started
$categories = get_the_category();
$ids =''foreach($categories as $category){
$ids .=' '. $category->slug;}
echo '<li class="'. $ids '"><img src="">cat</li>';...more loop
    Code (markup):
    HTML Code 
     
<li><aclass="category"href="http://link...">link_title</a><span>(some text)</span></li>
CSS :
div.category ol li,div.category ul li{
display:inline-block;
height:100%;
width:100%;}
div.category ol li:hover,div.category ul li:hover{
display:inline-block;
height:100%;
width:100%;
background-color:#EEE;}
    Code (markup):
     
    tanmay.kamath1992, Dec 22, 2013 IP