With 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 [...]
14 Apr, 2010
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… [...]
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
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
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
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: [...]
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 [...]
scriptygoddess
