[RESOLVED] slicing

[Noodle7]

Hi there

So I have just been given the psd file to slice... there are graphics all over place and the text on the website is going to have to have a graphic behind it ...how do I slice this page and then put it into html?

Do I slice what I feel should be images and then try and fit it all together in HTML with css?
is that what needs to happen?Also do I make it tables or css ..if I have a graphic that needs to go behind a text then tables are easier? and positioning my images must I use the valign etc

I have been struggling for a while in dreamweaver and the graphics dont go where I want them to ...do frustrating ..:)

[metalman3d]

My recommendation is to print your graphic out, take a ruler and draw your guides by hand. It will help you see how you need to lay out your graphic in html without having to switch windows every thirty seconds or so(not to mention photoshop's a resource hog). Look at your graphic in a grid format and try to section it appropriately. Try to keep text in blocks so it all displays as one piece and also so you can get more compression out of the image and absolutely keep you branding(or company logo) all in one slice.

[KDLA]

Although tables might be the easiest way to control the image layout, CSS will give you more flexibility in working with the layers of text over background images. W3 Schools (http://www.w3schools.com/css/css_intro.asp) will give you a good start in positioning and using backgrounds.

(FYI - "Valign" is used in the HTML mark-up of tables, not in CSS. In CSS, it is "vertical-align.")

KDLA

[Noodle7]

Thank you