Archive for the ':relative' Category
Background image for visited links
1 Comment Published 3 years, 11 months ago in :absolute, :relative, CSS, HTML Elements, Id, Image, Image Sprites, JavaScript, Link, Unordered List, Z-Index and position Digg ThisI’ve been a recent convert to Design Meltdown. The site disects a visual theme and gives examples on how to use them and where they are being used. While exploring the latest post about sketches for the web, I noticed an interesting approach to the visited pages.
The Breakdown
The site has a series of floated divs [...]
Hacking to fix for IE7
2 Comments Published 3 years, 11 months ago in :absolute, :block, :relative, CSS, Conditional Comment, Hacks, IE7, Image Sprites and background Digg ThisI’ve played around with IE7 for a while, but haven’t really started debugging with it until now. Fortunately, I’ve already set up the site to use conditional comments and deliver an IE6.css file and a separate IE7.css file. This has made it much easier to target the offending areas of the site.
IE7 has had [...]
Forcing the footer to always be at the bottom of a page
12 Comments Published 3 years, 11 months ago in :relative, CSS, CSS2, Div, margin, min-height, negative margins and position Digg ThisCameron Adams (The Man in Blue) has created a method to force a footer to stick to the bottom of a page, regardless of how much content it contains. His approach is based on the work by Craig Erskine (solarDreamStudios).
The Setup
You have a page that terminates in a sturdy footer, such as this site. [...]
Conflicting Z-Index in IE6
23 Comments Published 3 years, 12 months ago in :absolute, :relative, Browsers, CSS, CSS2, Hacks, IE7, JavaScript, Z-Index and position Digg ThisInternet Explorer 6 has an issue with positioned elements that use z-index. Here’s the trouble I just had with this:
I have a topnav consisting of an unordered list with a dropdown menu on one of the list elements. The dropdown is a nested unordered list with position:absolute and a z-index to sit on top [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the ':relative' category.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- Looking for an Action Script 3 programmer
- New Yahoo! BOSS Hacks web site
- Quick and Free Online PDF Creator
- How easy is it to build a search engine with Yahoo! Boss?
- Yahoo! Boss now features keywords and more language support
- Make a niche search engine with Yahoo! BOSS
- CSS3 Attribute Selector Presentation
- Add Pagination to your Yahoo! BOSS search engine
- Create a tabbed search form with YUI
- Create your own Search Engine with Yahoo! BOSS
Archives
- September 2009
- May 2009
- March 2009
- January 2009
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
Categories
- :absolute (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (26)
- AJAX (11)
- atmedia (6)
- attribute selector (8)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (72)
- CSS2 (7)
- CSS3 (6)
- Definition List (2)
- Developers (6)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (9)
- FLORWAX (2)
- Form (3)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (32)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (52)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (9)
- position (10)
- Pre (1)
- Quick Tips (35)
- Safari (1)
- Span (2)
- Standardista (20)
- Table (1)
- Table Body (1)
- Table Head (1)
- Table Header (1)
- Table Header Scope (1)
- Table Summary (1)
- text-indent (2)
- Uncategorized (4)
- Unordered List (2)
- vertical-align (1)
- Video (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (33)
- YUI (10)
- Z-Index (4)
