HTML and CSS Reference
In-Depth Information
Focus on the white/gray split that each li has. That
portion is easily measured at 24 pixels.
A work around is to create a 1x24px image with a
full white background and insert it for the p.thumbnail
element. That's an additional resource to download.
Monoplate focus is on speed and another solution for
this is to make use of the :after / :before selectors.
You can easily replicate that portion using the :before
selector, as shown below:
#albums li p.thumbnail {
padding:0 0 20px 0;
position:relative;
background:#EEE;
}
#albums li p.thumbnail:before {
position:absolute;
background:#FFF;
height:24px;
width:100%;
content:'';
left:0;
top:0;
}
 
Search WWH ::




Custom Search