O'Reilly Forums: Chapter 4: Css Injector - Not Floating Correctly - O'Reilly Forums

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Chapter 4: Css Injector - Not Floating Correctly Problem with floating Ratings field group

#1 User is offline   jontolof 

  • New Member
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 10-May 10

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;
}


Attached Image: FunkyFloat.png


0

#2 User is offline   webkev 

  • New Member
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 17-September 10

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?



Attached Image: 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 File(s)

  • Attached File  amazon.css (318bytes)
    Number of downloads: 171

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users