Nice one Guil Hernandez! Thanks a lot! I will work through the video and try if all my uncertainties will be covered and i am able to solve my hassle. ;) But it looks more than promising. Have already taken a brief look.

And about the base64 encode. In this case i've used: http://www.mobilefish.com/services/base64/base64.php if i remember correctly. but there is also a quick way directly inside the osx / unix terminal ( via the two Kyle Foster videos dealing with SVGs), either by:

openssl base64 < thefile.png | tr -d '\n' | pbcopy

or

cat path/to/file.png | openssl base64 | tr -d '\n' | pbcopy

but normally i prefer the compass image-url function which does the encoding part for the user.

Ok Guil thanks again. Got through your video and especially the second demo opened my eyes. ;) Guess i get it now and i suppose i know what my trouble was. I've used the single line short form for background urls and mine was faulty and missing properties i suppose. ;) For the moment until i am totally comfortable with svgs i will stick to the longer form you've used. Seems saver for the moment.

And one little cosmetic issue in your second demo. Your heart-main example isn't centered when the windows is enlarged in width - it is missing the background-position: center property like you've used in previous examples.

Thanks again and best regards Ralf

.You're = Awesome [Guil] { because of : your nice tutorials (that I've subscribed to) treehouse mainly; and to learn latest : CSS to change my ugly website; Guil : thanks for latest tutorials and the way of teaching; }

ps {

Guil : If you're interested I'm looking someone to give my website customization project, With your talents and knowledge I believe that you could achieve it well }

.contact { me : via my profile email; }

Thanks;

Good question. Some of these responses become great mini-tutorials in their own right. Would be good to accumulate them somehow.

You're welcome, Francesco Saviano. Glad you liked it!