When attempting to align form input and button elements you can get a hodgepodge of results across browsers. Here is a trick to get things aligned:

input, button {
vertical-align: middle;
}

You can also restyle the borders, margin and padding to make completely customized appearance of fields and buttons. Just remember, button can be styled across all browsers to appear the same while an input of submit type cannot and will be subject to each browsers gui, most noticeably is Apple’s Safari.

So you are the Admin of a Facebook Group and an Admin of a Facebook Event and you would like to merge the two so the Group is the Host of your Event? Sounds simple, but is it?

According to Facebook logic it is of grave importance which is created first, and if you made the event first you’re out of luck.

I wonder if they also think the Chicken came before the Egg?

Facebook FAQ erroneously suggests:

In order for an event to appear in the Events section of a group’s page, you need to set the group as host of the event from the Edit Event page. In order to do this, you will need to be the admin of both the group and the event.

When you go to edit the event, you’ll find there isn’t a place to select your group as the host. Now what? … Facebook’s Blackhole Customer Service? Good Luck.

The answer is so simple you may kick yourself for not trying it sooner.

Continue reading Merge Facebook Event and Group »

The most common use of this technique is to replace an h1 title of a page with a graphical header. This is done so the markup is still an h1 tag with text and it is only visually changed to an image with css. By maintaining the structured text improves SEO and makes for a nice text only print option. Another common use is to turn a regular text hyperlink into a graphical button complete with mouseover effects without affecting the code behind the link itself.


h1 {
width: 760px;
height: 150px;
text-indent: -9999px;
overflow: hidden;
background: transparent url(header.jpg) top left no-repeat;
}


The text indent effectively overflows the text outside the visible range, and overflow hidden ensures when you select the h1 you don’t get the selection trail that extends to the hidden text.

Now if you want you can also do the same thing but instead of setting the background, width and height on the h1 itself, setting it on a hyperlink inside the h1 allows the background image to become a link. This is also how you would go about making a hyperlink into a graphic button.

Problem:

When I float a thumbnail in a paragraph that isn’t longer than the image it overflows outside of the paragraph and messes up the following paragraphs text wrap.

Solution:


p {
width: 100%;
overflow: auto;
}


Reason:

Adding the width attribute gives the paragraph tag “haslayout” and overflow ensures the overflow is showing.

Strangely enough I find myself debating which of these words to use and when? Are they truly as interchangeable as their common use would have you believe?

Continue reading Decidedly v. Decisively »

Well I have done it, for those of you who have been following my journey I have finally succumbed to the lure of San Francisco with my new job located in the heart of the Financial District near the Embarcadero.

Pumpkin Carving 2009

Two Domo-kun chasing a kitten.

Continue reading Domo-kun Can Has »

I attended the Halo 3 ODST preview tour at the Union Landing Game Stop in Union City, CA. I got to play in a tournament to try out the new halo 3 ODST game before it’s release in a decked out ODST truck with 8 xbox 360 consoles inside. We were paired in two 4 player matches, highest score of each received a prize. Unfortunately my halo skills are seriously lacking compared to the ultra fans who showed up and I did not win a license plate frame.

Nine Inch Nails and Jane’s Addiction at the Shoreline in Mountain View.

It is to be expected that when you hand someone your belongings they will never be as careful with them as you were.

This is especially true when hiring movers, who will eventually take your belongings hostage until they arrive at your destination from a purgatory-like week absence it took to travel a mere 360 miles. Unfortunately that is the price you pay to spare yourself the labor.

Well that and the extra $200 in packaging, even though you did the packing yourself. Tape! Don’t get me started on the sure quantity “required”.

Broken Plates, Busted TV Stand, Dented Fridge. Jaded Experience.

I’ve been working on a new layout for the past couple of nights. It’s not quite there yet but further embraces my “online presence” at a multitude of socialweb sites by aggregating numerous feeds into customized widgets. This way I can update my site with the latest happenings without having to return to my site to reiterate something I did elsewhere on the interweb.

As some of you may know already, I have created a page at facebook to promote michaelboyda.com and invite you all to become fans. I will try to keep fans of the facebook page apprised of new changes taking place at my site as well as invite an open discussion on my work as well as suggestions of improvement and constructive criticism.

Welcome to my blog! Let me take this time to introduce myself. My name is Michael Boyda and I am a Graphic/Web Designer. Continue reading Welcome »