[jontolof]

Hi!

I've just finished the last exercise from Chapter 4 "Configuring CSS Injector". My Ratings field group floats above the review, not to the right as pictured in the book, making it look quite funky. Any ideas on remedies?

div.fieldgroup {
border: 1px solid lightgrey;
float: right;
padding: 10px 2px;
width: 200px;
font-size: .9em;
}

div.field-label-inline-first {
float: left;
}

[webkev]

Hi!

I've just finished the last exercise from Chapter 4 "Configuring CSS Injector". My Ratings field group floats above the review, not to the right as pictured in the book, making it look quite funky. Any ideas on remedies?

Edit the contents of the amazon.css file

path: drupal/sites/all/modules/contrib/amazon/amazon.css

to this:


div.field-type-asin {
display: block;
padding-top: 0px;
}
div.amazon-item {

}
div.amazon-item img {
float: left;
padding-left: 3px;
margin-bottom: 1em;
margin-right: 1em;
}

div.amazon-item div {
padding-left: 1em;
padding-bottom: 1em;
margin-left: 100px;
line-height: 1em;
}

This made the layout look alot better. Hope it works for you.

Attached File(s)

•  amazon.css (318bytes)
  Number of downloads: 129