Image Include

Created 30 Oct 2012 13:29, Updated 30 Oct 2012 13:29

The [[include inc:picture]] image include uses a combination of three classes in a table. There is a definition for the entire thing, the heading, and the caption area. The classes are:
  • .incpicture
  • .incpictureheading
  • .incpicturecaption

Here is the default code:

.incpicture{
    border: 1px solid #660;
    background-color: #FFF;
}
.incpictureheading{
    background-color: #DDB;
}
.incpicturecaption{
    font-size: 80%;
    font-style: italic;
}

.incpicture is the class that controls the looks of the overall include. .incpictureheading controls the small heading box. .incpicturecaption controls the caption area.

Fix IE bug

Page tags: csstutorial

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License