Jump to content


Photo

Chapter 4: Css Injector - Not Floating Correctly


  • Please log in to reply
1 reply to this topic

#1 jontolof

jontolof

    New Member

  • Members
  • Pip
  • 1 posts

Posted 13 May 2010 - 03:48 PM

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?

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

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


FunkyFloat.png



#2 webkev

webkev

    New Member

  • Members
  • Pip
  • 1 posts

Posted 17 September 2010 - 05:58 PM

QUOTE (jontolof @ May 13 2010, 03:48 PM) <{POST_SNAPBACK}>
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?



FunkyFloat.png



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 Files






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users