I’m looking for an up-to-date solution for a scroll box to replace the blockquote at the top of this page: http://www.clickbasics.com/paul-carter/. Basically, I want to include several testimonials in the space occupied by the blockquote, so visitors can scroll through, instead of clicking to another page. I’ll appreciate your suggestions.
What kind of scrolling do you envisage? up/down or horizontal?
You could simply set a height on the blockquote (or another element like a div) and set it to overflow: auto;
Thanks. That works great!
One more challenge. I’d like there to be horizontal white space consistently between the blockquotes and the following paragraphs.
<blockquote>At ClickBasics there is so much state-of-the-art information on how best to market one's self on the internet. It's very clearly expressed and I am now able to understand the direction I want to take. I'll be coming back often to learn more. - Beverly Haberman, <a title="Communicate for Success" href="http://beverlyhaberman.com/">Communicate for Success </a></blockquote>
<p style="padding: 10px; background-color: #f6f6f6; border: 1px dotted navy;"><em><em>Paul helped me learn what I didn't know, the details of SEO, Paths, website strategy (detailed). —Tonio Palmer Wharton Fellows Program & Independent Consultant</em></em></p>
How do I do that?
I’m not really clear on why some quotes are in <blockquote>s and some in <p>s, but a quick fix might be to add this to your style sheet:
blockquote {margin-bottom: 10px;}