Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 10-24-2010, 05:08 PM Testimony Layout?
Experienced Talker

Posts: 43
Name: Jon
Trades: 0
I'm trying to make a testimony page and can't figure out how to do it properly.

On the left side I want the person's name, under that a couple spaces I want their picture (90 x 90). Then their quote to the right that does NOT wrap around their picture.

I will have about 10 on the page.

What's the best way to do this?
Foppa is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 10-25-2010, 07:18 AM Re: Testimony Layout?
Kelpie's Avatar
Skilled Talker

Posts: 82
Name: Andrew
Location: SW Scotland
Trades: 0
Maybe use a definition list?
HTML Code:
<dl>
    <dt><strong>Person 1</strong></dt>
    <dd><img src="path_to_person1_image" /></dd>
    <dd>Person 1's quote</dd>
    <dt><strong>Person 2</strong></dt>
    <dd><img src="path_to_person2_image" /></dd>
    <dd>Person 2's quote</dd>
</dl>
CSS
Code:
dt { clear: left; }
dd { float: left; }
Kelpie is offline
Reply With Quote
View Public Profile
 
Old 10-26-2010, 12:31 PM Re: Testimony Layout?
Novice Talker

Posts: 13
Trades: 0
You could also use a div container for each testimonial. With CSS positioning you can place each element in exactly the right spot.

http://w3schools.com/css/css_positioning.asp
Alvis Fenrir is offline
Reply With Quote
View Public Profile
 
Old 10-26-2010, 06:44 PM Re: Testimony Layout?
Experienced Talker

Posts: 43
Name: Jon
Trades: 0
Thanks for the replies. I ended up going with some divs and it worked out great.
Foppa is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Testimony Layout?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.22646 seconds with 12 queries