Надо все оформить в блоке с синим цветом, потом создать блок для текста, а для картинки необезательно т.к. это строчно-блочный элемент Получается так: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="description" content=""> <meta http-equiv="keywords" content=""> <style type="text/css"> .hat { margin-left: 10%; font-family: Comic Sans MS; background-color: #0066FF; height: 151px; } .text { float: left; text-align: center; } </style> </head> <body> <div class="hat"> <div class="text"> <h1>Престиж</h1> <h3>строительно-отделочные материалы</h3> </div> <img src="logo.jpg" alt="" style="float: right;"> </div> </body> </html>
У тебя там ты по ходу используешь плагин слайдшоу jQuery, убери этот класс или инициализацию плагина, получится обычный список. причина может быть в том, что в display: inline; содержится display: block; или около того, тогда нужно сделать либо float: left; либо dispaly: inline-table;
Хорошие люди сделали Шрифтовую белку, заходите загружаете шрифт, ставите галочку напротив "Yes, the fonts I'm uploading are legally eligible for web embedding.", скачиваете архив с файлами шрифтов и примером, копируете файлы и код куда нужно и все работает кроссбраузерно