scriptygoddessWith IE6 nearly dead (although according to Microsoft – as of this writing, 9% of users worldwide still have this P.O.S. browser on their machines which, if you go by w3school's stats, is more than Safari's usage. Then again, w3schools has ie6 pinned at around 1% so maybe there's still hope) Or not. IE7 and […]
Archive for the ‘CSS’ Category
14 Apr, 2010
CSS for iPhone's eyes only (watch out for the cache)
Posted by: Jennifer In: CSS|CSS related|Lessons learned|PHP
On a project I was working on recently, I was pulling in some css for iPhone users using PHP with the following code: <php if (strpos($_SERVER['HTTP_USER_AGENT'],"iPhone")) { ?> … CUSTOM CSS FOR IPHONE… <php } ?> This will also work for iPhones and iPod Touch: <php if (strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) { ?> … CUSTOM CSS… […]
Comments Off on CSS for iPhone's eyes only (watch out for the cache)
Recently had a project land on my desk that required tabbed navigation that overlap one another. Just so we're clear on what we're doing: here's the demo. Here is how I did it: 1) Each tab has four "states" – Off, Off (with right tab on), On, On (with right tab on). I combined each […]
03 May, 2008
Suckerfish Dropdown navigation going behind content
Posted by: Jennifer In: CSS|Javascript
Awhile back, I had a project where I created a nice clean (X)HTML page including navigation using UL and LI tags. A few months later the client decided they wanted to add a dropdown menu to the navigation. No problem, I thought. We just add the embedded lists to the navigation – style it with […]
I'm just curious… is there a fancy way to do something like this in CSS: Introduction …………… Page 1 Information ……………. Page 2 More Info ……………… Page 3 … where the "Page" text lines up and the "….." just fills in until it reaches the "Page" text… kind of like you'd see in a table […]
Someone help me out before I go crazy. Why is firefox underlining the image in this example? Here is a screenshot (in case you're not using firefox) – the above link looks like this in firefox: The code on that page is simply: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta […]
For the past couple of days, I've been trying to figure out why a design I had been working on was showing extra padding (veritcally) in IE. I think I'd seen every solution such as: write the code like this: <li>Item one</li><li> Item two</li> or make set them to float: left | right (which messed […]
22 Jan, 2007
floated box with extra (unintented) margin
Posted by: Jennifer In: Bookmarks|CSS|CSS related
Boy, do I love that "Position is everything" site. Every problem I've been having these days with CSS, the fix can be found there. Here's today's CSS dilema. Had a simple floated div. Gave it a margin – and for some reason, IE doubled it. The solution is just to add "display: inline;" to the […]
20 Jan, 2007
Floated boxes extending outside of container box
Posted by: Jennifer In: Bookmarks|CSS|CSS related
Ran into this problem today: Had a container div with floated divs inside. However the container div was shrinking up above the bottom of the floated divs inside. See example here. Found this solution which basically suggested adding the following so that it wouldn't do that: .containerdiv:after { content: "."; display: block; height: 0; clear: […]
Comments Off on Floated boxes extending outside of container box
Like I said, I'm still fighting my way through understanding CSS. Here's a little tid-bit I finally understand today. Had a bit of text that I wanted to have centered in a nav bar. "vertical-align: middle;" didn't seem to do anything. Found this article which said this: the thing with vertical-align is that it's vertical […]
Categories
- Admin-type scripts (4)
- Announcements (81)
- babble (1)
- Basics (1)
- bookmarklets (2)
- Bookmarks (351)
- Color Tool Bookmarks (15)
- CSS related (13)
- FireFox Extension Bookmarks (5)
- Javascript Related (2)
- PHP Related (2)
- Call for help (6)
- complaint department (2)
- CSS (31)
- cubecart (3)
- Flash (2)
- hosting (1)
- bluehost (1)
- How to's (52)
- htaccess tricks (1)
- HTML (2)
- Internet Explorer (1)
- Javascript (19)
- jquery (8)
- Joomla (1)
- Lessons learned (66)
- Movable Type (57)
- MT hacks (52)
- MT Plugins (2)
- MT scripts (1)
- MT Tips n Tricks (2)
- mySQL (3)
- Outlook (1)
- Photoshop Tutorial (3)
- PHP (9)
- pMachine (4)
- product review (5)
- Projects (10)
- Regular Expressions (1)
- Scripts (117)
- Script snippet (35)
- SEO (1)
- shopping cart (3)
- Suggested reading (11)
- Video (1)
- WordPress (127)
- WordPress Bookmarks (18)
- WordPress Bookmarks to Plugins (31)
- WordPress Hacks (29)
- WordPress my-hacks additions (5)
- WordPress Plugins (20)
- WordPress scripts (6)
- WordPress: Lessons Learned (26)
Featured Sponsors
Search
- SEO Advice (from a non-expert!)
- Disappearing absolute positioned elements in IE7
- WordPress Objects
- Embed a vimeo video using swfobject and setting the audio to mute
- HTML Basics (linking an image)
- Moving from Typepad to WordPress
- evo 11 Conference
- The mysteriously disappearing WordPress 3.1 Admin Bar
- launch all external links in a new window with jQuery
- WordPress Pagination Woes (solved? I hope?)
- Scott: Just moved changed the site URL as WP's installed in a subfolder. Cookie clearance worked for me. Thanks!
- Stephen Lareau: Hi great blog thanks. Just thought I would add that it helps to put target = like this:1-800-555-1212 and
- Cord Blomquist: Jennifer, you may want to check out tp2wp.com, a new service my company just launched that converts TypePad and Movable Type export files into WordPre
About
- Need some help? You can hire me.
- My personal blog: The Working Mom
- Follow me on twitter