Create Webpage Badge


I want to design a star on my home page with “30% Discount” on it.

Are there any tutorials on how to do this in Fireworks and to position correctly using CSS??

Example I guess is the alistapart badge


I guess this code all the work for that… not sure how they got black round circle.

<div id=“ish”>
<a href=“” title=“Issue 298”>No. <em>298</em></a>


This might be useful in creating the image you want:

As for positioning, you can either use absolute positioning on an IMG element or background-position in CSS on a background image (to offset the image to appear in a certain location). Depending on which method you want to take, there’s plenty of tutorials out there if you Google for them on both questions. :slight_smile: