scriptygoddess

Archive for the ‘CSS’ Category

26 Oct, 2011

Disappearing absolute positioned elements in IE7

Posted by: Jennifer In: CSS|HTML

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 […]

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)

20 Sep, 2008

Overlapping Tabbed Navigation using CSS and jQuery

Posted by: Jennifer In: CSS|jquery

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 […]

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 […]

08 Mar, 2007

CSS "TOC" style?

Posted by: Jennifer In: Call for help|CSS|CSS related

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 […]

21 Feb, 2007

Firefox underlining images

Posted by: Jennifer In: Call for help|CSS

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 […]

16 Feb, 2007

Extra space (padding) with List Items in IE

Posted by: Jennifer In: CSS

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 […]

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 […]

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

09 Jan, 2007

Vertical Center Text in DIV

Posted by: Jennifer In: Bookmarks|CSS|CSS related

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 […]


Featured Sponsors

Genesis Framework for WordPress

Advertise Here


  • 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


Advertisements