Forums

sshuvro58

it is my target navigation

but I have made this :(

Here is my HTML code

    <aside>
          <ul>
                    <li><a href="#"><img src="img/Andy Photo.jpg" alt="sdasd" width="60" height="50" ></a></li>
                      <li><a href="#"><img src="img/Andy Photo.jpg" alt="sdasd" width="60" height="50" ></a></li>
                      <li><a href="#"><img src="img/Andy Photo.jpg" alt="sdasd" width="60" height="50" ></a></li>
                      <li><a href="#"><img src="img/Andy Photo.jpg" alt="sdasd" width="60" height="50" ></a></li>
                      <li><a href="#"><img src="img/Andy Photo.jpg" alt="sdasd" width="60" height="50" ></a></li>
                  </ul>
              </aside>

Here is my CSS

  #page-wrap #content aside ul li {
    float: left;
    height: 40px;
    width: 40px;
    list-style-type: none;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:2px;
    margin-right:2px;
    display: inline-block;


  }

whats wrong I have done ? How can I make it similar to target

howlermiller

Hey, welcome!

The only way we can really do anything is if you give us enough code to work with. Try putting the necessary parts (read: more than you posted here, but less than your entire page) of your code into CodePen. Here's how

Paulie_D

Seems easy to me: http://codepen.io/Paulie-D/pen/Lbvxy

sshuvro58

http://pastebin.com/aNSdzk5E

here is my HTML http://pastebin.com/dnpCFx4f , here is my CSS ,

plz help me

wolfcry911

Paulie beat me to it, I would move the float to the li however. http://codepen.io/wolfcry911/pen/fJilx

sshuvro58

Thanks paulie its working

wolfcry911

Your placing an image (of any size) sized down to 60x50 px into a anchor of 40x40 with the overflow:visible, so they overlap...

treehouse : what would you like to learn today?

Forums

[Solved] Navigation bar with image