Резиновая шапка...

Обращаюсь к ТС:
нарисуйте свои лого и выложите на какой-нить хостинг, (еще нарисуйте общую картинку шапки и покажите что и где должно быть текстом, резиной, статикой, должен ли текст быть неподвижным в шапке при уменьшении размеров браузера, нужно ли поверх лого текст размещать или нет) и мы Вам пришлем готовый код.
А Вы уж по аналогии склепаете свое.
 
fima32 написал(а):
Обращаюсь к ТС:
нарисуйте свои лого и выложите на какой-нить хостинг, (еще нарисуйте общую картинку шапки и покажите что и где должно быть текстом, резиной, статикой, должен ли текст быть неподвижным в шапке при уменьшении размеров браузера, нужно ли поверх лого текст размещать или нет) и мы Вам пришлем готовый код.
А Вы уж по аналогии склепаете свое.
Нажмите для раскрытия...

начал с лого - закончил текстом, если картинки искажаются значит они больше чем разрешение экрана, или в коде ты проставил не правильные ширину и высоту, сделай общую ширину картинок меньше 1024 точек, остальное будет растягиваться.
 
anz, я не ТС, а в роли подсказчика ;)
 
  • Автор темы
  • Заблокирован
  • #25
anz написал(а):
начал с лого - закончил текстом, если картинки искажаются значит они больше чем разрешение экрана, или в коде ты проставил не правильные ширину и высоту, сделай общую ширину картинок меньше 1024 точек, остальное будет растягиваться.
Нажмите для раскрытия...
Уменьчшал лого в фотошопе и тем более везде нормально выглядит даже в опере а вот в IE картинки кривые, а на table реально сделать лого и с текстом ну второй вариант верстки шапки?
 
shamantc написал(а):
В общем возник вопрос с резиновой шапкой т.к. погуглил и полазил по форуму из таких тем нужного не нашел (или просто плохо искал)
Как сверстать вот такую шапку?
*** скрытое содержание ***
Нажмите для раскрытия...


шапка должна растягиваться или не должна? опишите вашу задачу поконкретнее...что вам необходимо сделать?
 
shamantc написал(а):
Уменьчшал лого в фотошопе и тем более везде нормально выглядит даже в опере а вот в IE картинки кривые, а на table реально сделать лого и с текстом ну второй вариант верстки шапки?
Нажмите для раскрытия...
можно, картинку сделай фоном, текст получится сверху, а вообще IE нормально отображает картинки, ты что то намудрил с ней в фотошопе.
 
А чем фиксированная не устраивает?
На 1920 так плохо смотриться.
 
вариант с дивами

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.header{
    overflow:hidden;
    height:102px;
}
.left{
    float:left;
    height:100px;
    width:100px;
    border:1px solid #FF0000;
    overflow:hidden;
}
.right{
    float:right;
    height:100px;
    width:200px;
    border:1px solid #0000FF;
    overflow:hidden;
}
.center{
    height:100px;
    border:1px solid #00FF00;
    padding-right:0px;
    overflow:hidden;
}

.clear{
    clear:both;
}
-->
</style>
</head>
<body>

<div class="header">
    <div class="left"><img src="http://www.google.com/logos/2010/newyear11-hp.jpg" /></div>
    <div class="right"><img src="http://www.google.com/logos/2011/comingofage11-hpi.png" /></div>
    <div class="center">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>
    <div class="clear"></div>
</div>

</body>
</html>
онлайн
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
  • Автор темы
  • Заблокирован
  • #30
Ув. Модераторы закройте тему, давно уже вопрос решен
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху