Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Растяжение таблицы, дубль 2
 
 автор: skazi   (03.06.2007 в 18:36)   письмо автору
 
 

Всем доброго времени суток. Так и не смог разобраться с растяжением



  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="810" height="638">
    <tr>
      <td style="background: url('images/1_12.gif') top left no-repeat; padding-top: 1024;">&nbsp;</td>
      <td style="background: url('images/1_13.gif') top left no-repeat;" width="739" height="630" valign="top"><p>
      &nbsp;&nbsp;&nbsp;
*SOME TEXT*
      </td>
      <td style="background: url('images/1_14.gif') top left no-repeat; padding-top: 1024;" width="34">&nbsp;</td>
    </tr>
  </table>


при большом SOME text растяжения нет, помогите пожалуйста. Здесь 1_13.gif должен стоять наверху, я его могу обрезать, но как мне сделать обрамление (border или рисунком) этой таблицы?
очень нужно

   
 
 автор: skazi   (03.06.2007 в 20:13)   письмо автору
 
   для: skazi   (03.06.2007 в 18:36)
 

Переформулирую вопрос, куда вставить <td style="background: url('images/1_12_1.gif') top left">&nbsp;</td> (или просто <img src=images/1_12_1.gif'>) чтобы при большом SOME text этот рисунок (1_12_1.gif) растягивался вместе с SOME text???

   
 
 автор: ilyaILF   (03.06.2007 в 21:49)   письмо автору
 
   для: skazi   (03.06.2007 в 20:13)
 

Чтобы рисунок растягивался - такое можно сделать только с помощью <img> и javascript:
      <td style="background: red; position: relative; z-index: 100;" width="739" height="638" valign="top">
          <img src="mypict.jpg" style="background: pink;position: absolute; top: auto; left: auto; z-index: 10; height: 638px; width: 739px;" />
              <p style="position: relative; z-index: 100;"> 
              &nbsp;&nbsp;&nbsp; 
            *SOME TEXT*
            </p>
      </td> 
причем вышеотмеченные координаты придется вычислять динамически при помощи javascript.

   
 
 автор: skazi   (04.06.2007 в 00:59)   письмо автору
 
   для: ilyaILF   (03.06.2007 в 21:49)
 

Абсолютно незнаю как это сделать.


<html>

<head>

<meta http-equiv="Content-Language" content="en-us">
<? include "config.php"//Подключаем конфиг, там все настройки и подключение к БД?>
<title><?=$tit?></title>
<style>

body { font-size: 12px; font-family: arial; }
p:first-letter { float:right;font-size:1.6em;color:#60c000;}  
a { font-size: 12px; font-family: arial; color:#000000; }
body {scrollbar-face-color: #c0ff60;}
.baton
{
border: 1px solid #5a3404;
background-color: #f3f3f3;
font-family: Courier New;
font-weight: bold;
font-size: 10pt;
}
</style>

</head>

<body>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="810">
    <tr>
      <td colspan="8" background="images/1_01.gif" width="810" height="84">&nbsp;</td>
    </tr>
    <tr>
      <td height="31" width="37" background="images/1_03.gif">&nbsp;</td>
      <td height="31" width="107" background="images/1_04.gif"><div align="center">
      <a href=<?=$_SERVER['PHP_SELF']?>>Главная</a></td>
      <td height="31" width="111" background="images/1_05.gif"><div align="center">
      <a href=<?=$_SERVER['PHP_SELF']?>?page=17>Работа по взысканию долгов</a></td>
      <td height="31" width="113" background="images/1_06.gif"><div align="center">
      <a href=<?=$_SERVER['PHP_SELF']?>?page=7>Сотрудники</a></td>
      <td height="31" width="117" background="images/1_07.gif"><div align="center">
      <a href=<?=$_SERVER['PHP_SELF']?>?page=6>Cоветы должникам</a></td>
      <td height="31" width="126" background="images/1_08.gif"><div align="center">
      <a href=<?=$_SERVER['PHP_SELF']?>?page=5>Где мы работаем</a></td>
      <td height="31" width="120" background="images/1_09.gif"><div align="center">
      <a href="<?=$_SERVER['PHP_SELF']?>?page=3">Контакты</a></td>
      <td height="31" width="79" background="images/1_10.gif">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="8" width="810" height="42" background="images/1_11.gif">&nbsp; </td>
    </tr>
  </table>
  </center>
</div>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="810" height="638">
    <tr>
      <td style="background: url('images/1_12.gif') top left no-repeat;">&nbsp;</td>

      <td style="background: url('images/1_13.gif') top left no-repeat;" width="739"  valign="top"><p>
      &nbsp;&nbsp;&nbsp;
  SOME text
<img src="images/1_16.gif" alt="" border="0">
      </td>
      <td style="background: url('images/1_14.gif') top left no-repeat; padding-top: 1024;" width="34">&nbsp;</td>
    </tr>
  </table>
  </center>
</div>


</body>

</html>



Вот весь код. Буду оооооочень благодарен если поможете. Нужно чтобы по краям SOME text были картинки обрамления. Ну или на крайний случай просто border...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования