Saturday, 25 August 2012

Buttons in HTML or CSS


hi made 2 buttons semi complex (ribbon shaped, , 1 circular) in photoshop , when include them images reference in html code particular button inputs them squares (including canvas) both improperly sized , defeats purpose of button want them have click new shape not square canvas around shape.

know how fix or give me run down on buttons in html or css?

 

what trying images? links?

if so, mark them this:

<a class="ribbon" href="link"></a>
<a class="circle" href="link"></a>

css:

.ribbon{background:url(path ribbon image) no-repeat left/right, top/bottom, center/center; (position of image within parent element)
display:block;(makes whole area clickable)
height:whatever height of image is;
}
.circle{
background:backgroundcolor;
height:same applies above;
width:width of circle
-moz-border-radius:should half height , width of circle!;
-webkit-border-radius:same moz-border-radius;
display:block;
}
here circle tutorialhttp://blog.ardes.com/2009/3/4/css-circles in case.
 


Forums Special Interests Web Design and Development


  • iPhone
  • Mac OS & System Software
  • iPad
  • Apple Watch
  • Notebooks
  • iTunes
  • Apple ID
  • iCloud
  • Desktop Computers
  • Apple Music
  • Professional Applications
  • iPod
  • iWork
  • Apple TV
  • iLife
  • Wireless

No comments:

Post a Comment