Hi I am a web designer I use photoshop for designing templates then I chop them off using the slice tool and finally a site is ready. Making the <td> element as background I write text in the foreground. I want to remove these td elements completely and use div instead. My problem is I cant float elements precisely I am new to css. So if I make things position:absolute different screen resolutions make it look weird. Can someone guide me or give me any link which can help me in using photoshop slices and div together. if something like this can be achieved it will be great http://www.edgepointchurch.com/ Code (markup):
You've simply got to start learning CSS and playing with it. You can easily achieve results like that site, and more, using photoshop to edit your images and div tags without absolute placement. Take a look at their code and reverse-engineer it, you'll learn it in no time.
Basically a Div is a Box See The Box Model for more information. There is no real need for positioning as most things can be achieved without this via the use of margins and floats. You would just set the background images of the Div as your slices . In that example above all they have done is used 3 main images: http://www.edgepointchurch.com/images/top_bkg.jpg http://www.edgepointchurch.com/images/content_bkg.png http://www.edgepointchurch.com/images/bottom_bkg.jpg