The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Template into html/css help, converting the slice images of the template into html/css form (help)
afleck924
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Darin McGrew
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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. biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 09:37 PM