How to slice a Photoshop image into a website

[sparky525]

i cant believe i forgot how to do this

[WeWantWeWant]

This is an absolute lifesaver! Thank you! It's also so good to hear a British accent, makes me so much calmer!

[RaiZdOe]

jpeg for real ? come on....

[WeWantWeWant]

@RaiZdOe Would you suggest GIFs?

[RaiZdOe]

@WeWantWeWant I can't remember why I posted that, I would just go with the one that has the lowest weight.

[dhirensharma2]

Hi i am chintu you to

[SuperSaiyan4Jared]

how to you add images so that when u view the html and click on a button you created you can view an image.

[Gyoonable]

This helped me a lot to understand! Thanks!

[happygamestvfun1]

new zeland

[nanogirl]

Can we slice text boxes? And can we if they are at an angle? If not what can I do to make this work for Dreamweaver import?

[sssoaring2]

thanks

[saviour100]

thank you very much :)

[bjarkeml]

Don't use tables - it's not for design! Use DIV!

[nezirovski]

lol tables is html and DIV is css. so not thesame there m8..

[prathik728]

@bjarkeml No its better to use tables in this case.

But if you save individual components and codes the CSS yourself, then its ok to use DIV.

[pahel]

@prathik728 and why exactly it is better to use tables here?

[prathik728]

@pahel cos the div tags are based on X and Y axis, this might cause problems in future browsers.

[juliusbaggins]

thanks!

[aYushGrG]

just one question, when i slice my layout in photoshop and import it to dreamweaver, it creates a lots of tables and when i add a bigger content in the body section,layout gets messedup,navigation bar, header and footer starts moving up and down, is there any way how not to create tables, coz photoshop creates auto tables??

[pigpen12345]

I would love to know the same thing

[SriLankanAirlines]

ya man same thing happens to me :(

[svoicouk]

if you know html just notice where it's moving firstly, and set another properties to tables step by step.

[lmaballa]

Its becuase yall need to set the border to 0. Down in the properties panel there is a little border thing with a black next to it were you input a number.. put 0

[songsrme3]

same here I need to create one slice for multiple slices

[smallmanscott]

@aYushGrG

The best thing to do is when u export for web and devices save images only (no html). The next step is to create the divs within dreamweaver like container and separate elements such as columns (if your design has them) and add the slices in where appropriate and position the using css

tip the fewer slices the better

[StvnBrkbck]

damm ur voice sound so similar to paul potts voice

[DynVec]

great tutorial.  thanks !

[leidybug511]

it was very useful, thank you!

[hadeel4ever]

great, thanx

[pizza0084]

speak up next time

[geekrevo]

I'm waiting so long to this kind of tutorial to show up.

[PixelstoProfits]

For slicing up photoshop images into a website this video does just the job.