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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Растяжение таблицы, дубль 2

Сообщения:  [1-4] 

 
 автор: 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...

   
 
 автор: 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   (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???

   
 
 автор: 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 или рисунком) этой таблицы?
очень нужно

   

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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