|
|
|
- Index page
- The logo was done by Bay Bay Miracle. The confetti menu from Web Style Sheets: CSS tips & tricks, W3C, formed the core concept for this page. I found only two other web pages based on this idea, Jemima's Chevron and Quozl.org; those developed the basic concept into striking designs.
The first link on the page does not show up in IE 6. I have tried moving the second link out from in front of the first, changing the numerical order of the links, and looking through "IE bug fix" pages. Finding little beyond strings of profanity, it is time to retrace my steps. Removing all text-align settings and then checking results in IE after each step indicates that the first link goes up working and then disappears once any subsequent text-align setting is entered. I did try several variations of dummy links above the first. Viewing the original page in IE shows only the three far left links working. Following the suggestion by the author, I re-did the page, using absolute positioning and even placed the text using percentages. It works in FF2, Opera 7.11, N7, and IE6.
- Links
- This is an old-fashioned, egocentric html links page. The page looks purple to me because so many pages have been visited. While I have some ideas for doing one in css, some other ideas for other pages have more draw. Html goes up fast. Using it for this page too.
- Gallery
- I stole the code for this page from How to Create a Photographic Gallery Using CSS by Stu Nicholls. This is an old bookmark from WebReference.com which is difficult to find. It does not seem to be listed on his newer site Stu Nicholls | CSS play either. However, he has provided innumerable other intriguing puzzles. The Lorem Ipsum under the photographs came from The Ipsum Generator
- Bernard Rauch
- The code for the layout of the images came from the CSS Image Gallery at Dynamic Drive. The first 7, 8 ... attempts failed to position the thumbnails to allow enough room for anything else on the page. I also attempted the layout at CSSplaywhich opens to an unadorned menu to the left with a sketch to the right. Clicking on the links causes sketches by Henri de Toulouse Lautrec to appear. It worked -- almost. The sketches in the original have portrait orientations; the paintings I have were cut off at the right because of their landscape orientations. It was identified as created for IE6 only. The scrollbars were balky in every other browser.
Going back to the idea from Dynamic Drive, I tried again, this time nailing the thumbnail gallery to the top left corner with absolute positioning. That gave sufficient room for the full sized images to open up. I placed the page menu under the thumbnail gallery. The rest was tweaking and playing with colors.
- Family Tree
- The image map came from "Night of the Image Map", A List Apart, December 12, 2003. I also tried Map Pop but found the dimensions of either the background image or the pop ups did not match the materials to be used. The one in A List Apart positions hot spots on a full page background image. To quote Hans Solo, "I've made a number of special modifications myself." I dropped the images and used a:hover and a:focus to change link color. The pop up photographs are scattered over the page instead of confined to top and bottom margins. Links are a separate division. A photograph of one of the murals covering the front of a school building in the neighborhood is the background image.
3 columns, the holy grail
- Robison
- The random image rotator came from Yaldex.com. It works very well. Nearly all of the work was re-sizing and moving images in place.
|