HTML and CSS Reference
In-Depth Information
Before moving on to the buttons conversion, go and
disable the bottom margin of the paragraph and
create the space between buttons.
#hello p.buttons {
margin:0;
/* disable the default bottom margin */
}
#hello p.buttons a {
margin:0 20px 0 0;
/* create the space between the buttons */
}
The next paragraphs in these pages are mainly
about these 3 custom buttons.
To keep things simple, the buttons receive the class
as “
btn
”, while the image cropped from the design is
also called “
btn
” (
btn.png
).
Make sure you don't add “
btt
” but “
btn
”, since the
first is used by
F2fw
and it's similiar to “
ico
” (see the
header social icons).