Comments on: CSS Blockquote http://www.themainbrace.com/blog/2005/11/04/blockquote What I think about when the power is out Wed, 07 Jan 2009 16:44:56 +0000 http://wordpress.org/?v=2.7 hourly 1 By: Aneko Studios http://www.themainbrace.com/blog/2005/11/04/blockquote/comment-page-1#comment-3876 Aneko Studios Tue, 13 Nov 2007 15:35:35 +0000 http://www.themainbrace.com/blog/?p=28#comment-3876 [...] People like to use the style of a big background image of quotes when designing a layout for blockquotes. It’s a very nice method, and makes it obvious as to what you are reading. However, it’s hard to get the quotes all around the blockquote without extra markup. Some sites just open with the left-side quotes and never close. Some sites use the method of the quotes smooshed together in the upper left-hand corner. Some sites get them at the beginning and the end, but they rely on a background image for the upper left-hand corner in the blockquote area, and the closing <p> tag to put the finishing touch in the bottom right-hand corner. Some even do it without images. [...] [...] People like to use the style of a big background image of quotes when designing a layout for blockquotes. It’s a very nice method, and makes it obvious as to what you are reading. However, it’s hard to get the quotes all around the blockquote without extra markup. Some sites just open with the left-side quotes and never close. Some sites use the method of the quotes smooshed together in the upper left-hand corner. Some sites get them at the beginning and the end, but they rely on a background image for the upper left-hand corner in the blockquote area, and the closing <p> tag to put the finishing touch in the bottom right-hand corner. Some even do it without images. [...]

]]> By: Vetto http://www.themainbrace.com/blog/2005/11/04/blockquote/comment-page-1#comment-19 Vetto Tue, 22 Nov 2005 23:42:24 +0000 http://www.themainbrace.com/blog/?p=28#comment-19 I guess I have to look up what that means! :) I understand the word "semantics", but I need to learn what it means with respect to CSS. As soon as I do, I will edit post! I guess I have to look up what that means! :)
I understand the word “semantics”, but I need to learn what it means with respect to CSS. As soon as I do, I will edit post!

]]> By: Wassim http://www.themainbrace.com/blog/2005/11/04/blockquote/comment-page-1#comment-18 Wassim Tue, 22 Nov 2005 01:39:54 +0000 http://www.themainbrace.com/blog/?p=28#comment-18 You should use something more semantically correct. <code> blockquote { padding: 0; margin: 0; background:url(../img/s2.jpg) bottom right no-repeat; } blockquote .name { font-weight: bold; color: #fff; padding-top: 15px; padding-left: 15px; height: 15px; background:url(../img/s1.jpg) top left no-repeat; } blockquote p { padding: 15px; padding-top: 0px; margin: 0; } </code> <code> <blockquote> Jim Smith This guy's site is freaking the coolest in the world! I wish I had a coolest in the world website! This is a stupid quote! <blockquote> </code> You should use something more semantically correct.

blockquote {
padding: 0;
margin: 0;
background:url(../img/s2.jpg) bottom right no-repeat;
}

blockquote .name {
font-weight: bold;
color: #fff;
padding-top: 15px;
padding-left: 15px;
height: 15px;
background:url(../img/s1.jpg) top left no-repeat;
}

blockquote p {
padding: 15px;
padding-top: 0px;
margin: 0;
}

Jim Smith
This guy’s site is freaking the coolest in the world! I wish I had a coolest in the world website! This is a stupid quote!

]]>