Meny med större klickbara ytor, kodexempel

Genom att använda innermarginal på länkelementet i kombination med en bakgrundsbild täcker länken hela den inramade ytan inklusive pilikonen. Pilikonen förtydligar att detta element går att klicka på.

Del av en vänstermeny. Bredvid menyposten finns en pilformad ikon.

Kod i stilmallen

ul.menu li a {
   display:block;
   background-image:url(/img/menu_item_bg.png);
   background-repeat:no-repeat;
   background-position:right top;
   background-color:#fff;
   color:#000;
   font-family:Arial, Helvetica, sans-serif;
   padding:0.5em 0 0.5em 1em;
}

Senast uppdaterad 2006-10-31