Introducing Galaxie Blog
Jul 16
Error with cfinclude: Variable WEBPIMAGESUPPORTED is undefined.
Related Entries
- An open source version of Kendo Core is incorporated in Galaxie Blog
- Installing Galaxie Blog on your own website.
- Theme Settings in the administrative web interface.
- Fine tuning your theme with Kendo Theme Builder
- Google Lighthouse Metrics for Galaxie Blog Version 1.35
- Introducing Galaxie Blog 1.35 with a new Parallax Scene
- Galaxie Blog Winter Update and Roadmap
- Galaxie Blog Status Update
- Incorporating the AddThis library to set up social media sharing with Galaxie Blog
This entry was posted on July 16, 2019 at 12:15 AM and has received 2677 views.
Using top: auto will not work when vertically aligning text within multiple block level elements.
Jul 12

CSS2 specifies that block level elements are stacked vertically from top to bottom in normal flow. If you only have one block level element, the the top and bottom margins will be zero and these declarations will be calculated correctly. For example, the following code will work to vertically align the text:
.slide#slide02 .wrapper {
top: auto;
left: 5%;
text-align: left;
padding: 0;
}
However, if you have more than one block level element in the same flow, the code will not work as the auto margins will not be calculated correctly. When you're using multiple block level elements, use absolute positioned elements to vertically align the text like so:
.slide#slide02 .wrapper {
position: absolute;
top: 50%;
display: table-cell;
vertical-align: middle;
left: 5%;
text-align: left;
padding: 0;
}
This entry was posted on July 12, 2019 at 4:18 PM and has received 981 views.
Download Galaxie Blog
Subscribe
CfBlogs.org Feed
Recent Posts
A Comprehensive Analysis of the Editable Kendo UI Grid |
CFBlogs.org 2.0 Released |
Introducing the Kendo Grid |
Dynamically Populating Kendo MultiSelects |
Cascading Kendo MultiSelect Dropdowns |