html - Trouble with image gallery on codepen -


I get my first project html & amp; CSS, but there is some problem. I am practicing using Codepean and my gallery was running well but I am trying to add the last line of images and it is all messing up and I do not know why

For some reason, when I try to add that chess board it all gets worse.

I am still very new so I hope to learn a lot.

Thank you.

  [1]: http://codepen.io/zenturtle/pen/ezDGC  

Margins are causing issues when you use margins in the position of an element, then you push the elements around it too.

Use a solution: Status: Relative and then use Positioning Properties: Above , Below , left , right

example:

  #chess {status: relative; Left: 555px; }  

Another solution is to use status: absolute .

  1. Location Location: Relative on & lt; Div id = "perimeter" & gt;
  2. Status: Full on every
  3. Example:
      #chess {status: full; Bottom: 122px; Correct: 230px; }  

    Similarly you are in the position of chess image where you want.

    The property in the CSS tricks has been explained to status .


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -