Template into html/css help, converting the slice images of the template into html/css form (help) |
Template into html/css help, converting the slice images of the template into html/css form (help) |
afleck924 |
Feb 11 2010, 09:49 PM
Post
#1
|
Group: Members Posts: 6 Joined: 11-February 10 Member No.: 11,071 |
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 |
Darin McGrew |
Feb 13 2010, 03:03 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
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/example...auenfelder.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 two-column layout. |
pandy |
Feb 13 2010, 03:13 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
Ha! A new one.
|
Lo-Fi Version | Time is now: 28th March 2024 - 09:37 PM |