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

Вариант выше не работает.... Получается картинка под картинкой а если <td> добавлять то все становится в одну строку но ничего не растягиваетсято что слева и српава оба лога нормально а та картинка которая по середине должна растягиваться то она так и остается размер с 1px

держи, лишнее tr были и не хватало td

HTML:
<div align="center">
<table width="100%"  border="0" cellpadding="0" cellspacing="0"><tr>
<td width="70" height="170">
<img src="/images/logo1.jpg" width="55px" height="170" >     
</td> 
<td width="100%" height="170">
<img src="/images/header_bg.jpg" width="100%" height="170" >     
</td> 
<td width="90" height="170">
<img src="/images/logo2.jpg" width="77px" height="170" >     
</td>
</tr>
</table>
</div>

width и height поменяй на свои. все картинки можно фоном сделать.
 
PHP:
<style>
.fon {background:url(fon.png) repeat-x left top; height:50px;}
.left {background:url(left.png) no-repeat left top; height:50px;}
.right {background:url(right.png) no-repeat right top; height:50px;}

</style>


<div class="fon">
  <div class="left">
     <div class="right"></div>
  </div>
</div>
 
PHP:
<style>
.fon {background:url(fon.png) repeat-x left top; height:50px;}
.left {background:url(left.png) no-repeat left top; height:50px;}
.right {background:url(right.png) no-repeat right top; height:50px;}
</style>
<div class="fon">
  <div class="left">
     <div class="right"></div>
  </div>
</div>

Примерно тоже и у меня получилось. Дивами как-то проще это. ТС, давно на дивы переходить надо, табличная верстка себя изжила... Такой вариант устраивает?
 
  • Автор темы
  • Заблокирован
  • #14
Всем спасибо использовал этот вариант
HTML:
<div align="center">
<table width="100%"  border="0" cellpadding="0" cellspacing="0"><tr>
<td width="70" height="170">
<img src="/images/logo1.jpg" width="55px" height="170" >     
</td> 
<td width="100%" height="170">
<img src="/images/header_bg.jpg" width="100%" height="170" >     
</td> 
<td width="90" height="170">
<img src="/images/logo2.jpg" width="77px" height="170" >     
</td>
</tr>
</table>
</div>
А если заместо logo2 сделать текст типо "Сайт конкурсов"
А справа под ним небольшим шрифтом "Пиши. делай. предлогай"
Как тогда будет? Это получается на 2 строчки текста таблицу еще одну делать? или как
 
табличная верстка себя изжила...

Использую табличную верстку в основном скелете, а внутри уже дивами балуюсь.
Не всякий может кроссбраузерно делать дивами.
И дивы с флоатами не прощают ошибок, как таблицы.
Сколько уже перевидал шаблонов, где все красиво и хорошо, но если вылезти за стандартные размеры или не дай бог просматривать в старых браузерах или в браузерах не из большой тройки, то все - капец.

Добавлено через 3 минуты
А если заместо logo2 сделать текст типо "Сайт конкурсов"
А справа под ним небольшим шрифтом "Пиши. делай. предлогай"
Если в 90 пикселей влезет по ширине, то вместо <img> пишите что хотите, ну или шире сделайте
 
  • Автор темы
  • Заблокирован
  • #16
Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку
 
Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку

Если в таблице, то ячейке где текст, через css задай тот же фон с повторением по оси x
Или просто фоном ячейки сделай эту полоску...

да сделай красивую картинку с текстом и все дела. красивее будет чем просто текст.
Ну или так как вариант... Сможешь больше эффектов наложить на текст..
 
Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку
да сделай красивую картинку с текстом и все дела. красивее будет чем просто текст.
 
  • Автор темы
  • Заблокирован
  • #19
В том то и дело что текст и так на картинке был, а решил сделать текстом так как в каком формате не сохраняй в каком качестве не сохраняй а в IE картинки плохого качества хотя в oper'e и лисе все нормально а в IE картинки становятся не четкими и текст на картинке кривится как то, хотя шрифт Arial использовал
 
Сделай так:

PHP:
<style> 
.menu {position:relative;}
.text {position:absolute; top:10px; left:20%; font:normal 12px Arial; color:#222;}
.text2 {position:absolute; top:30px; left:40%; font:normal 12px Arial; color: green;}
</style> 

<div class="menu">

 <table> ......</table>
   
  <div class="text">Здесь текст </div>
  <div class="text2">Здесь текст </div>
   
</div>
 
Назад
Сверху