scriptygoddess

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

There's probably a really good reason for this (actually, wait. We're talking about IE. Nevermind) 😉 Just wanted to post a reminder to myself should I ever come across this weirdness again. I was working on a layout recently, and everything was working fine in Firefox, and everything was fine in IE except for one […]

This is a great article/tutorial on how margins work in css (why/when then collapse, and why/when they don't).

I know there was some install you could do so you could do "live" css editing of a webpage within IE (much like the web developer extension for Firefox) I've since lost the link (feel free to post it in the comments if you have any idea what I'm talking about! LOL) but for some […]

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

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

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

Laura (no link) left only the link to the following reference as a "guest authored" post: University Of Minnesota Deluth: Web Design References This particular one is for CSS, but in the sidebar you'll see many more to PHP, Typography, Usability, Javascript, etc. etc. My one note is their URL is very unfortunate. They MUST […]

[via del.icio.us] HTML Help: CSS References Westciv: Learn Web standards Veerle's Blog: Designing a CSS based template (from psd to css) – in 5 parts – looks VERY good at first glance CSS Vault Gallery of CSS based design (need to add this to my "design inspiration" post as well