2010-05-20, 05:05 AM
Well, if you can do without the second border, I always use padding on the blockquote then negative margins on the cite to make it look kind of like a table. For example;
What it actually looks like:
http://demo.nanoskinners.com/mybb/showth...pid=2#pid2
(Select Electrick Blu)
Though I do agree this can be frustrating at times. However I personally haven't encountered a situation where my current method doesn't work.
blockquote {
background: #022C44;
color: #fff;
border: 1px solid #00131E;
border-bottom: 2px solid #00131E;
margin: 5px 0;
padding: 5px;
font-style: italic;
}
blockquote cite {
background: #00131E;
color: #fff;
border-bottom: 1px solid #00131E;
display: block;
margin: -5px -5px 2px -5px;
padding: 5px;
font-weight: bold;
}
What it actually looks like:
http://demo.nanoskinners.com/mybb/showth...pid=2#pid2
(Select Electrick Blu)
Though I do agree this can be frustrating at times. However I personally haven't encountered a situation where my current method doesn't work.