[Solved] Problems adding image to sidebar

If you look at my contact me section on my sidebar, there are 3 images… I would like to add a Skype image to that list but everytime I do this it goes below the list, I tried to extend the sidebar a little but it ended wrong.

A link to the website for those that don’t know it. Preferably a screenshot of the problem (ie, do you mean the image shows up at the very bottom of the list, past every single item? Or just below the other images that are there?).

I had to reduce the width of my main content as my sidebar was at a fixed width and thus making the skype image fall to the next line. So I went into my main content code and reduced the width thus allowing more space for sidebar.

My sidebar width was in % which causes it to go funny a lot of the time, I changed this to px and worked out the largest width on my sidebar and made the width that size, turned out to be about 280px or something.

That was it, it was the % that was throwing me off..

@thedoc.. sorry I would have given a full post explaining and answering my posts but am snowed with loads of work a the mo, I hope this makes sense to people :)

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.