The date stamp you see here on the page can be made with following code:
.post-date {
background: url(images/date_icon_blue.jpg) no-repeat;
float: left;
height: 40px;
line-height: 18px;
margin: 0px 5px 0px 0px;
text-align: center;
width: 37px;
}
.post-day {
color: #434B4D;
font-size: 20px;
margin: 0px 0px 1px 0px;
padding: 0px;
text-align: center;
width: 37px;
}
.post-month {
color: #FFFFFF;
font-size: 10px;
margin: 0px 0px 1px 0px;
padding: 0px;
text-align: center;
width: 37px;
}
Background image used in the code:
Posts Tagged ‘CSS’
CSS for a Calendar-Like Date Stamp
Friday, May 23rd, 2008CSS … be careful when using wildcard *
Saturday, November 3rd, 2007I was working on a project today and found that the content in a table I created all squeezed together, even though that I had set “cellspacing=10″.
After some investigation I found that in the CSS code, padding and margin of all elements was removed:
body * {
margin: 0;
padding: 0;
}
I could, in theory, [...]