Hello,
I need help converting the slice images of the template into html/css and help with the alignment. I don't get the concept of it. Can someone explain to me how or if someone could work on this with me, it been taking me a while to understand.
I have the template to show if I can get helped
Thanks
We don't know if we can help you before we've seen what you've got. And please, if you can, post the URL to the page.
Just found out that link does not work anymore, I'll need to send the psd to your email.
I meant the web page you have problems with, not a PhotoShop mockup.
Do you want someone to do the whole thing for you? I'll move the thread to the job forum then. Maybe you should give people an idea of how much you are willing to pay though.
You may find someone who agrees to do "slicing" for $25, but I suspect it will in the end be a waste of $25.
The problem is the popular misconception that a website is created by Making a template (i.e. a mock-up image), then Slicing it. If the end website is really a fixed image, you may as well just send a large png image. If it isn't, this approach does not work *at all*.
You need someone to build a page to interface with your database (these maps and so on are in a database, right?) along the lines of your mockup. I would have thought you need to add at least one zero to $25 to expect a reasonable job of this. But you need to start with the backend DB stuff really...
Your mockup only includeseems to have one piece of "furniture" graphic
Ok, I think we went a little opposite ways on understanding this. We don't need the whole thing done, the html's are easy to do, we just need the header, layout, and background sliced into css, css is the big problem, just the layout, background and header. the images on that templates are just an example.
So pretty much you see a blank template, thats pretty much what it is and such, we need the style sheets done.
Looking at your PNG mockup (hardly what I'd call a template), I'd put the company name in an h1 element, and use a background image behind it.
You can make the background image very wide so it covers the width of the display area regardless of the size of the browser window (2560px should do for now), or you can make the background image tile to cover the full width of the display area. There's also a hybrid technique that uses two background images. One background image tiles. In front of that, another background image doesn't tile. The edges of the non-tiling image blend with the tiling background image, so the whole thing looks seemless. There's a brief discussion here:
http://code.google.com/apis/themes/examples/frauenfelder.html
Below that is a horizontal menu. There's a nice explanation of how to do that here:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/
The rest is a basic http://lmgtfy.com/?q=css+two+column+layout.
Ha! A new one.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)