See Understanding vertical-align, or “How (Not) To Vertically Center Content”. Just in case this ever vanishes it is cached here: https://www.jj5.net/file/2018-08-09-193156/vertical-align.html
Tag Archives: css
HTML <table> CSS width not working
If your table isn’t automatically adjusting to the width specified by your CSS, make sure you haven’t set display: inline-block; on the <table> element.
Tufte CSS
Reply
Check out Tufte CSS…
CSS height 100% not working
My CSS height value wasn’t being applied. Found this. The problem was that I needed to specify heights for all of the ancestor elements. Bug fixed!
QuirkTools Screenfly
Found out about this handy utility the other day: ScreenFly.
It allows you to test your website on various device form-factors. Handy!
Round corners with CSS
Today I had to look up the CSS syntax for curved corners and I found this article which suggested:
#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}
Align an HTML table in the center of the page
Today I found this discussion which showed how to align a table in the center of the page in HTML:
table {
width: 50%;
margin-left: auto;
margin-right: auto;
}
or:
table {
width: 200px;
margin-left: auto;
margin-right: auto;
}
Compass
Brad brought the Compass CSS Authoring Framework to my attention the other day.
Kick-starting a responsive design from a template
I got a referral from Stuart Laughlin to initializr which is a handy HTML/CSS/JavaScript template generator. Stuart’s recommendation was to use the Twitter Bootstrap template.
CSS Media queries
Heard about CSS Media queries today. It’s a table of CSS media queries that can help you figure out what sort of a device you are on.