iPhone -> iPad alt optimized assets & CSS

[terraform]

Hey there!
not only new to this forum but new to CSS. (coming from the evil empire of flash…)

anyway
I am teaching myself a bit so I can make some alt sites to my Flash portfolio site that are optimized for iPhone / iPad and the Android browsers.

Now here are my questions.

Question #1
1. what is the best way to load in “device specific content”

ie. when a user comes to my mobile page and is on a iPhone I would like the logo.png which is 260px wide to be loaded but when they come on an iPad I would like the say 500px wide logo loaded… and / or when a user is on an iPhone and goes from portrait to landscape how can I ensure that the logo / pic’s remain sharp …ect…

I am thinking about using…

to link to different style sheet and then…

#logo{

background: url(images/logo.jpg) no-repeat center bottom;

text-align: center;

padding-top: 40px;

}

assigning my assets as “background” images.
but my gut tells me this is a no-no.

oh and if this “okay” then how does one assign alt text for the images w/ css?

Suggestions?

Question #2

2. what is the best way (or easiest and best) to device detect and have a redirect from http://www.blah.com to m.blah.com
and then from there load all the “device specific assets” in?

thanks and sorry if my questions are too n00b.

[Author]

Posts