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

HTML+CSS+JavaScript

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

 

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

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

тема: Растяжение таблицы
 
 автор: skazi   (01.06.2007 в 19:46)   письмо автору
 
 

Доброго времени суток. Есть такая таблица:


<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="810" height="343">
    <tr>
      <td background="images/1_12.gif" width="37" height="343">&nbsp;</td>
      <td background="images/1_13.gif" width="739" height="343" valign="top">
  some text
</td><td background="images/1_14.gif" width="34" height="343">&nbsp;</td>
    </tr>
</table>


Если вместо some text вписать большое количество текста, то таблица не растянется, а будет тупо повторяться. Нужно чтобы таблица растягивалась, а не повторялась! ПОМОГИТЕ ПОЖАЛУЙСТА

   
 
 автор: elenaki   (01.06.2007 в 19:51)   письмо автору
 
   для: skazi   (01.06.2007 в 19:46)
 

вы имеет ввиду - чтоб бакграунд не повторялся? (таблица не может повторяться). пишите в стиле ячейки - style="background: url('images/1_13.gif') top left no-repeat;" и не будет ничего повторяться. хотя и растягиваться тоже :) бакграунду вообще не свойственно растягиваться. но можно сделать его очень широким и он будет показываться по мере растяжения ячейки.

   
 
 автор: skazi   (01.06.2007 в 20:02)   письмо автору
 
   для: elenaki   (01.06.2007 в 19:51)
 

а как мне тогда лучше сделать? мне нужно чтобы бакграунд оставаля вначале таблицы(т.е. сверху) а текст был ниже.

   
 
 автор: elenaki   (01.06.2007 в 20:07)   письмо автору
 
   для: skazi   (01.06.2007 в 20:02)
 

тогда нужен не бакграунд, а картинка. с правильным обтеканием ее текстом.
или делать для текста, также стилями, отступ сверху на высоту картинки +5рх

   
 
 автор: skazi   (01.06.2007 в 20:17)   письмо автору
 
   для: elenaki   (01.06.2007 в 20:07)
 

помогите пожалуйста это реализовать.

вот код.

Я буду ооочень вам благодарен если поможете


<html>

<head>

<meta http-equiv="Content-Language" content="en-us">

<title>New Page 1</title>
<style>

body { font-size: 12px; font-family: arial; }
p { font-size: 12px; font-family: arial; }
a { font-size: 12px; font-family: arial; color:#000000; }




</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"><p align="center">
      1</td>
      <td height="31" width="111" background="images/1_05.gif"><p align="center">
      2</td>
      <td height="31" width="113" background="images/1_06.gif"><p align="center">
      3</td>
      <td height="31" width="117" background="images/1_07.gif"><p align="center">
      4</td>
      <td height="31" width="126" background="images/1_08.gif"><p align="center">
      5</td>
      <td height="31" width="120" background="images/1_09.gif"><p align="center">
      6</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" bordercolor="#111111" width="810" height="343">
    <tr>
      <td style="background: url('images/1_12.gif') top right no-repeat;" width="37" height="343">&nbsp;</td>
      <td style="background: url('images/1_13.gif') top left no-repeat;" width="739" height="343" valign="top">
        &nbsp;&nbsp;&nbsp;<strong><em>Alloha</em></strong></td>
      <td style="background: url('images/1_14.gif') top left no-repeat;" width="34" height="343">&nbsp;</td>
    </tr>
  </table>
  </center>
</div>


</body>

   
 
 автор: elenaki   (01.06.2007 в 20:32)   письмо автору
 
   для: skazi   (01.06.2007 в 20:17)
 

я не знаю высоту картинки. 343 - это высота ячейки с картинкой и текстом под ней? тогда так:
style="background: url('images/1_13.gif') top left no-repeat; padding-top: 348;"
бакграунд останется наверху, а текст начнется с позиции 348 по вертикали относительно начала ячейки.

   
 
 автор: skazi   (01.06.2007 в 22:03)   письмо автору
 
   для: elenaki   (01.06.2007 в 20:32)
 

Эту проблему я решил по другому... Я просто растянул середину этого бакграунда(где только боковое обрамление) до 1024 пикселей и усе... Больше текста у меня быть не должно.
Спасибо за помощь!

   
 
 автор: skazi   (03.06.2007 в 19:19)   письмо автору
 
   для: skazi   (01.06.2007 в 22:03)
 

эх. текст получился всетаки больше чем 1024пикселя. Кто предложит свое решение проблемы?

   
 
 автор: elenaki   (04.06.2007 в 16:41)   письмо автору
 
   для: skazi   (03.06.2007 в 19:19)
 

в экран, шириной 1024 пикселя, влезет в лучшем случае 1003 - надо учитывать границу и полосу прокрутки...

   
 
 автор: skazi   (04.06.2007 в 22:29)   письмо автору
 
   для: elenaki   (04.06.2007 в 16:41)
 

вот полоса прокрутки - отличная идея, как это сделать?)

т.е. полоса прокрутки должна быть только в центре, где текст

   
 
 автор: elenaki   (05.06.2007 в 10:16)   письмо автору
 
   для: skazi   (04.06.2007 в 22:29)
 

http://www.dyn-web.com/dhtml/scroll/scroll-multi.html

   
 
 автор: skazi   (05.06.2007 в 17:25)   письмо автору
 
   для: elenaki   (05.06.2007 в 10:16)
 

За это конечно спасибо, но как сделать обычный скролл-бар?

   
 
 автор: elenaki   (05.06.2007 в 17:47)   письмо автору
 
   для: skazi   (05.06.2007 в 17:25)
 

обычный - только через обычные окна. крайняк - iframe. но это вчерашний день (frames).
сейчас модно на слоях все делать. кстати, прокрутку можно и в ячейке сделать. тут был
такой топик...

   
 
 автор: ilyaILF   (05.06.2007 в 18:57)   письмо автору
 
   для: elenaki   (05.06.2007 в 17:47)
 

...а вот он этот топик :-) http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=36572

   
 
 автор: elenaki   (05.06.2007 в 19:36)   письмо автору
 
   для: ilyaILF   (05.06.2007 в 18:57)
 

вот он, этот топик
http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=662

   
 
 автор: skazi   (05.06.2007 в 22:08)   письмо автору
 
   для: elenaki   (05.06.2007 в 19:36)
 

Всем ооооогромнейшее спасибо! Скролл-бар - самый подходящий вариант!

   
Rambler's Top100
вверх

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