2 Replies - 563 Views - Last Post: 02 November 2009 - 05:10 AM

#1 adhruv92  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 26
  • Joined: 02-November 09

Can't full understand this CSS code

Posted 02 November 2009 - 04:10 AM

I had got a CSS code for an image gallery from my friend and failed to understand it, i am posting the part which I could now understand, please tell me what does that exactly mean :

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}


Is This A Good Question/Topic? 0
  • +

Replies To: Can't full understand this CSS code

#2 thehat  Icon User is offline

  • awake ? web();
  • member icon

Reputation: 106
  • View blog
  • Posts: 951
  • Joined: 28-February 08

Re: Can't full understand this CSS code

Posted 02 November 2009 - 04:21 AM

It applies the rules to any img elements in any divs with a class name of img. The rules tell the element to:
  • display in-line, i.e. they will not line break unless forced to do so by the boundaries of their parent
  • have a 3px margin on all sides
  • have a 1px white border on all sides

Was This Post Helpful? 0
  • +
  • -

#3 adhruv92  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 26
  • Joined: 02-November 09

Re: Can't full understand this CSS code

Posted 02 November 2009 - 05:10 AM

thanks for the reply
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1