I like your solution of expanding the padding of the labels and giving them background images.
Since you do want the label text, only differently arranged, try substituting these two rules for the versions you have now in stylesheet_flexible_attributes.css:
Code:
/*current*/#attrib-27-45 + label {
background: url("/includes/templates/kickstart/images/createprogram-4-sm.gif") no-repeat scroll 0 0 transparent;
bottom: 28px;
left: 160px;
padding: 70px 17px;
position: relative;
}
#attrib-27-45 {
left: 185px;
position: relative;
top: 28px;
z-index: 1000000;
}
/*trial*/
#attrib-27-45+label {
background: url("/includes/templates/kickstart/images/createprogram-4-sm.gif") no-repeat scroll 0 0 transparent;
padding: 110px 43px 10px 27px;
color: #0f8800;
width: 80px;
height: 30px;
position: relative;
top: -95px;
left: 160px;
display: inline-block;
}
#attrib-27-45 {
left: 185px;
position: relative;
top: -100px;
z-index: 1000000;
}
I think you will be able to get all of that set of attribute labels and inputs arranged as desired with the right style tweaking.
Bookmarks