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

[anz]

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

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

<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 поменяй на свои. все картинки можно фоном сделать.

 

[bork75]

<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>

 

[SeoLazy]

<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>

Примерно тоже и у меня получилось. Дивами как-то проще это. ТС, давно на дивы переходить надо, табличная верстка себя изжила... Такой вариант устраивает?

 

[shamantc]

Всем спасибо использовал этот вариант

<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 строчки текста таблицу еще одну делать? или как

 

[fima32]

табличная верстка себя изжила...

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

Добавлено через 3 минуты

А если заместо logo2 сделать текст типо "Сайт конкурсов"
А справа под ним небольшим шрифтом "Пиши. делай. предлогай"

Если в 90 пикселей влезет по ширине, то вместо <img> пишите что хотите, ну или шире сделайте

 

[shamantc]

Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку

 

[SeoLazy]

Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку

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

да сделай красивую картинку с текстом и все дела. красивее будет чем просто текст.

Ну или так как вариант... Сможешь больше эффектов наложить на текст..

 

[anz]

Все бы хорошо но когда заместо последнего лого делаеш текст то полоска идет только до текста а дальше текст на белом фоне
И как сделать что бы опустить пониже текст <BR> опускает всю шапку

да сделай красивую картинку с текстом и все дела. красивее будет чем просто текст.

 

[shamantc]

В том то и дело что текст и так на картинке был, а решил сделать текстом так как в каком формате не сохраняй в каком качестве не сохраняй а в IE картинки плохого качества хотя в oper'e и лисе все нормально а в IE картинки становятся не четкими и текст на картинке кривится как то, хотя шрифт Arial использовал

 

[bork75]

Сделай так:

<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>