Photoshop Website Coding-Part5

www.pixelforlife.com

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

In this tutorial we fix a couple of mistakes that I made when we were slicing the template and making the navigation bar.

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
• navigation
• button
• rollover

[josephamantey]

Hi Steve,

I was just wondering if there's anyway of spacing out the navigation words in dreamweaver?

[pfltuts]

@josephamantey Depending on how your website is, I would probably do "padding: 0px 10px 0px 10px;" or do the same with margin.

That will add 10px spacing on the left and right side.

If that doesn't work, just send me a personal message with your code, and I will help you further.

[lookkool3]

do the buttons have to be one on top of the other? can't you jsut have two seperate files and tell it in the code to show one on roll over or click instead of putting them both in the same file?

[josephamantey]

@pfltuts thanks a mill. I'll try and work around it and let ya kno the outcome. Shudn have messed up with my coding. And thanks for the swift response

[twicegirl]

hey, thanks for taking the time to make these tutorials, it helped alot!! and the text on this one is clearer than the previous ones:)

pleeeeez make more coding tutorials 4 differently designed websites..

thanx'/ again:)

[karimlan10]

tnx 4 the tutorial.. didn't show the the slicing but help me a lot..