HTML doesn't have an element that allows to insert a figure with a caption. It was once proposed (see HTML3), but never made it into HTML4. Here is one way to simulate such a figure element: Scale model of the

Eiffel tower in
Parc Mini-France
Then in the style sheet you use the class "figure" to format the figure the way you want. For example, to float the figure to the right, in a space equal to 30% of the width of the surrounding paragraphs, these rules will do the trick:
div.figure {
float: right;
width: 30%;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}
div.figure p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}
In fact, only the first two declarations (float and width) are essential, the rest is just for decoration.
Labels:
art,
hobby,
Tutorials
Figures & captions
Rama
Thursday, May 26, 2011
Subscribe to:
Post Comments (Atom)
Popular Posts
-
Today in this tutorial we are going to teach you that how to apply conditional styling in Internet Explorer and what are some reasons to use...
-
Ari Saputra - detikNews Jakarta - Seni mural atau lukisan di dinding jalanan semakin marak di Jakarta. Kebanyakan menghiasi pilar beton j...
-
For the recent music video for hip dubstep-rock act Nero’s first chart hit, Me & You, James May – aka Smudgethis – created a fictional ...
-
If like me, you find yourself juggling multiple messenger applications to keep your friends, family and colleagues happy you will be glad to...
-
• Completion. The unavailability or slowness of vol- unteer resources near the end of the computation can stretch task completion times. ...
-
The Android phones, which, let's face it, comprise a growing number of phones is emerging as a serious contender in the battle to conf...
-
For women, shaping the muscles of the thighs is an important fitness goal. A shapely lower body is considered very feminine, and the right p...
-
Dalam bekerja dengan judul game lucu di internet, karakteristik akan hampir selalu menjadi pertimbangan para gamer tentang atas '. Merek...
-
Cost-Benefit Analysis of Cloud Computing versus Desktop Grids Derrick Kondo1, Bahman Javadi1, Paul Malecot1, Franck Cappello1, David P. Ander...
-
We live in the future and there are new devices, smart gadgets and computers, almost every day of our lives. It can be quite difficult to ...
0 comments:
Post a Comment