Jump to content

How to alternate images and align text


webworksmedia

Recommended Posts

Hello,

 

I seem to be having some CSS troubles (while not entirely ignorant of CSS, I'm still a newb ;) )

 

I have implemented text and graphics onto the following site (plz note this is a joomla site):

 

http://www.thereishope.ca/get-to-know-us/leadership-team

 

 

with the following html and css:

 

html:

 

HTML:

 

Pastor-Seeon-Smith

Reverend Seeon Smith (Senior Pastor)

Pastor Seeon graduated from Vanguard Bible College in 1999 with a Bachelor of Theology degree and a zeal to see the Kingdom of God grown in the city of Edmonton. As he considered what ministry he wanted to pursue, he quickly realized that Edmonton needed a church that was specifically reaching out to non-traditional families, marginalized people, the poor and those that just didn't fit into the typical church environment. Pastor Seeon founded New Hope Christian Assembly on June 1st, 1999. Pastor Seeon is supported in ministry by his wife, Deborah Smith and 4 children, Nathan, Desmond, Seeon Jr. and Akeema.

 

 

fredwilson

Fred Wilton (Church Elder)Fred has served the New Hope Assembly for more than 6 years as a church elder and board member. His wisdom and passion for the advancement of God's work through New Hope has shaped and guided our congregation

 

 

glenorawhittaker

 

Glenora Whittaker (Deaconess)

Glenora would have never imagined herself as a deacon and leader within any church, but she answered the call when asked. Glenora's wisdom, kindness and loving spirit has served as inspiration to our entire congregation, and she makes the best roast beef in the world!!

scottpriebe

 

Pastor Scott Priebe (Music Pastor)

Pastor Scott graduated Vanguard College in 2000 with a Bachelor of Music degree. Pastor Scott leads our congregation in praise and worship, while building the musical talents of our musicians. Scott has also worked to build up new worship leaders within the congregation. Scott's humble leadership has served bring unity to the NHCA worship, leading the people to engage in heartflelt, passionate worship to our Great and Mighty God.

 

Kristena-Blumhagen

Kristena Blumhagen (Worship Leader)

Kristena's beautiful voice and musical talents are only overshadowed by the beauty of her heart for worship. Kristena works with Pastor Scott in sharing the worship leading at New Hope.

cheryl-williams

 

Cheryl Williams (Children's Ministry Leader)

Cheryl has been providing leadership to the NHCA Kids Programs for many years, helping to shape the spiritual development of our children. Cheryl's background as a teacher and her passion for kids makes her the ideal leader for this vital ministry of New Hope.

elva-sneed

 

Elva Sneed (Fellowship Team Leader)When you think of church food and entaining, you have to think of Elva. To say that she has faithfully served is a gross understatement. Elva's fun loving attitude and great organizational skills have managed to add several inches to the waists of many a New Hope member!

 

 

CSS:

 

.fltlft

 

{

 

float: left;

 

margin-right: 10px;

 

margin-bottom: 10px;

 

}

 

 

 

.profile

 

{

 

clear: right;

 

overflow: auto;

 

}

 

 

 

.fltrt

 

{

 

float:right;

 

margin-left: 10px;

 

margin-bottom: 10px;

 

}

 

 

As you can see on the page it is a little out of whack.

 

What I am wanting is for the leaders bios to be next to the images and the bio images alternating from left to right.

 

If you anyone could advise me on how to do this I would greatly appreciate it.

 

Thanks,

 

Matt

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...