Cannot set multiple staff in a row
-
Hi please see this page https://timingforum.org/about/members/
for some reason i cannot get the number of people in each row to be equal..below is the code i am using…any help?/* div wrapped around entire staff list */
div.staff-member-listing {
}
/* div wrapped around each staff member */
div.staff-member {
width: 20%;
height: 20%;
overflow: hidden;
float: left;
margin: 5% 5%;
border: 0% solid #6c6c6c;
border-radius: 1%;
position: relative;
padding-bottom: 1em;
%border-bottom: thin dotted #aaa;
}
/* “Even” staff member */
div.staff-member.even {
}
/* “Odd” staff member */
div.staff-member.odd {
margin-top: 2em;
}
/* Last staff member */
div.staff-member.last {
padding-bottom: 0;
border: none;
}
/* Wrap around staff info */
.staff-member-info-wrap {
float: left;
width: 100%;
margin-left: 3%;
}
/* [staff-bio-formatted] */
div.staff-member-bio {
}
/* p tags within [staff-bio-formatted] */
div.staff-member-bio p {
}
/* [staff-photo] */
img.staff-member-photo {
float: left;
}
/* [staff-email-link] */
.staff-member-email {
font-size: 11px;
}
/* [staff-name-formatted] */
div.staff-member-listing h3.staff-member-name {
margin: 0;
font-size: 20px;
}
/* [staff-position-formatted] */
div.staff-member-listing h4.staff-member-position {
margin: 0;
font-size: 12px;
font-style: italic;
}
/* Clearfix for div.staff-member */
div.staff-member:after {
content: “”;
display: block;
clear: both;
}
/* Clearfix for <= IE7 */
* html div.staff-member { height: 1%; }
div.staff-member { display: block; }
- The topic ‘Cannot set multiple staff in a row’ is closed to new replies.
