Slice to css help...

[fried-chicken]

hi,

I'm trying to get my head around slicing an image and positioning it with css.

I would really like to do this my-self,( has thats how i tend to learn, trial and error) although after 12ish hours all i've managed to come up with is.......

http://www.cheap-florida-holiday.com/v2/index.php

not good realy.

Any way it is suposed to look like....

http://www.cheap-florida-holiday.com/v2/test3.gif

the style file can be seen at

http://www.cheap-florida-holiday.com/v2/style.txt

Np$ would be availible to any one could help getting me started on this task.

Many thanks

BK

 

[WhiteWebServices]

It's hard to judge what you know and what you don't, but hopefully this'll be of some use:

First, think about how you're going to divide the page up (see http://www.whitewebservices.com/cheap-florida-holiday.gif for a suggestion).

Next, create divs for each section of the page, giving them the right heights and widths. For now, just give each a different background color so that you can see where they are, and try to get them positioned on the page correctly (for a two column layout, float the sidebar to one side, the main content to the other, and put a cleared element underneath).

Once you'ce got your divs in the right places, get as close to the design as you can without using background images, just by setting background colors, borders, margins, padding, etc. Remember that you can style elements within the divs (e.g. headings, paragraphs) as well as the divs themselves, and can even create extra container divs if need be).

By now you should have a fairly close approximation to what you're after, minus the pictures. Cut out sections of your design no bigger than the divs that will contain them, and set them as background images to the correct divs (remember that you can position background images in other places than top left of the containing element).

That's the process; how much of that do you think you can do on your own?

 

[fried-chicken]

hi,

thanks for your help.

Got my head around it, finally!!!!!!!!!

have a quick look

http://www.cheap-florida-holiday.com/v2/index.php

what do you think so for?

 

[WhiteWebServices]

Really good progress; well done.