Photoshop Website Coding-Part4

www.pixelforlife.com

This is the forth part of coding our template that we created in the "Photoshop Website Design" series.

In this tutorial we create the sidebar. We don't do a whole lot of styling to it, but more is to come in a future tutorial.

You can view the designing of this template here:
http://www.pixelforlife.com/website-design-tutorial/

Category:

Howto & Style

Tags:

• photoshop
• tutorial
• pixelforlife
• pfltuts
• website
• design
• game
• site
• call
• of
• duty
• world
• at
• war
• how
• to
• code
• css
• html
• xhtml
• content

[TheColtstarter]

Hi,

I am having trouble with my links! you see as i try adding a link to an image that i cropped in photo shop the my full layout breaks and there's spaces in between so can you help me with this problem. I want to link them so there's no spacing in between the linked area and the rest of the image.

thx

great tuts.

[pfltuts]

@TheColtstarter It's hard to guess at what your problem might be, would it be possible for you to PM me a link to your hosted website? You could try adding: padding: 0; and margin: 0; to your images. That might fix the spacing issue.

[rayof86]

Amazing tutorial! Keep up the good work man.

[ClassicModz]

Nice TuT very helpful

[4uMusicality]

Your video's are super, infomrative and very helpful - Thankyou

[beanboy504]

Sorry but it was kinda hard to hear with all the dripping... lol dude i love your tuts made my first REAL website using them THANKS!!!!

[nicorap74]

I love your tutorials... thank you.

[bulhimia11]

can you always insert any div where ever  ? the other day i wanted to implement a template and with a decoration ontop of the menu header and it would just push everything out of place . any tips some body