CSS snippets

Подбирает ширину, сохраняя пропорции изображения:
img
{
   max-height: 64px;
   width: auto;
}

Текст поверх изображения:

<div class="content">

<img src="images/logo.png" />
<span class="site_name">slirx.in.ua</span>

<span class="text1">статусы о всем</span>
<span class="text2">текст2</span>
</div>

#logo .content .site_name
{
display:inline-block;
    position:absolute;
    top:20px;
    left:805px;
    opacity: 0.38;
}


#logo .content
{
display:inline-block;  
    position:relative;
}


#logo .content .text1
{
display: inline-block;
    position: absolute;
    top: 60px;
    left: 76px;

    color: #29363e;
    font-weight: bold;
    font-size: 24px;
}

#logo .content .text2
{
display:inline-block;
    position:absolute;
    top:120px;
    left:76px;

    color: #ffffff;
    font-size: 19px;
}