Dynadot โ€” .com Registration $8.99

Slice to css help...

Spaceship Spaceship
Watch

fried-chicken

Established Member
Impact
5
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
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
Unstoppable DomainsUnstoppable Domains
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?
 
0
•••
0
•••
Really good progress; well done. :)
 
0
•••
Dynadot โ€” .com Registration $8.99Dynadot โ€” .com Registration $8.99
Unstoppable Domains
Domain Recover
DomainEasy โ€” Zero Commission
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back