This link has been bookmarked by 598 people . It was first bookmarked on 24 Apr 2006, by Ben.
-
16 Oct 15
-
10 Apr 12
-
09 Apr 12
-
with a bit of math and a lot of CSS, we’re going to take the basic concept and apply it to the world of web design.
-
store all buttons/navigation items/whatever we wish in a single master image file
-
Those familiar with Petr Stanicek’s (Pixy) Fast Rollovers may already see where we’re going with this
-
Likewise, if the left edge of each link is effectively 0, we’ll need to offset the background image horizontally by the width of all
<li>s prior to the one we’re working with. -
a bit of spacing between each
<li> -
Irregular shapes
-
adding a second after state
-
-
05 Apr 12
-
18 Mar 12
-
29 Feb 12
-
04 Feb 12
-
02 Feb 12
-
03 Jan 12
-
14 Dec 11
-
07 Dec 11
-
29 Nov 11
-
21 Nov 11
-
01 Nov 11
-
25 Oct 11
-
19 Oct 11
-
13 Oct 11
-
12 Oct 11
-
06 Oct 11
-
27 Sep 11
-
24 Sep 11
-
10 Sep 11
-
07 Sep 11
-
The
<li>s are absolutely positioned, so why aren’t they at the top of the browser window? A quirky but useful property of positioned elements is that all descendent elements contained within them base their absolute position not off the corners of the browser window, but off the corners of the nearest positioned ancestor element.The upshot of this is that since we appliedposition: relative;to#skyline, we’re able to absolutely position the<li>s from the top left corner of#skylineitself.
-
-
06 Sep 11
-
27 Aug 11
-
26 Jul 11
-
18 Jul 11
-
23 Jun 11
-
22 Jun 11
-
21 Jun 11
-
18 May 11
-
12 May 11
-
09 May 11
-
25 Apr 11
-
19 Apr 11
-
15 Apr 11
-
06 Apr 11
-
03 Apr 11
Casey ChowThe idea is you combine all the images into one big one, and then split it up using the background: property in css to clip it up after it loads. Reduces http requests.
-
23 Mar 11
-
20 Mar 11
-
16 Mar 11
-
15 Mar 11
-
27 Feb 11
-
26 Feb 11
-
22 Feb 11
-
08 Feb 11
-
02 Feb 11
-
10 Jan 11
-
09 Jan 11
-
20 Dec 10
-
14 Dec 10
-
09 Dec 10
-
08 Dec 10
-
06 Dec 10
-
11 Nov 10
-
01 Nov 10
-
07 Oct 10
-
27 Sep 10
-
31 Aug 10
-
25 Aug 10
-
17 Aug 10
-
13 Aug 10
-
05 Aug 10
-
23 Jul 10
-
21 Jul 10
-
12 Jul 10
-
10 Jul 10
-
25 Jun 10
-
16 Jun 10
-
14 Jun 10
-
10 Jun 10
-
25 May 10
-
08 May 10
-
30 Apr 10
-
27 Apr 10
-
21 Apr 10
-
13 Apr 10
-
09 Apr 10
-
08 Apr 10
-
07 Apr 10
-
27 Mar 10
-
26 Mar 10
-
18 Mar 10
-
17 Mar 10
-
10 Mar 10
-
01 Mar 10
-
13 Feb 10
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.