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

HTML+CSS+JavaScript

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

 

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

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

тема: рисование таблиц
 
 автор: Mefisto84   (25.05.2006 в 21:14)   письмо автору
 
 

Здравствуйте! скажите пожалуйста как рисуются красивые таблицы? Ну к прмиеру рисуешь уголок таблицы(ну к прмиеру в фотошопе), потом маленький рисунок в виде полоски. И потом это дело как то ципляется к таблице и её граница(Border) становится по ширине как та полоска, и так же выглядит. Как это делается? Как этот маленький рисунок растягивать на всю сторону таблицы? Чего-то я тут так намудрил :-) Ну кто понял объясните пожалуйста. Интересно.

   
 
 автор: Alexx   (25.05.2006 в 22:22)   письмо автору
 
   для: Mefisto84   (25.05.2006 в 21:14)
 

Допустим у тебя таблица 3*3


<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="3%">&nbsp;</td>
    <td width="95%">&nbsp;</td>
    <td width="2%">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>


Вставляем в первую строку слой (<div>) заданной ширины и высоты ( размеры нарисованных уголков в граф. редакторе)

  <td width="1%" align="left" valign="top"><div style="width:XXX; height:YYY;  background-image:url(url); background-position:left; background-position:top; background-repeat:no-repeat;">&nbsp;</div> </td>

width:XXX = ширина уголка
height:YYY = высота уголка
background-image:url() - адрес изображения
background-position:top = расположение, в данном случае вверху.
background-repeat:no-repeat = не повторять задний фон.

Для создания горизонтальной строки всё тоже самое, но повторяем задний фон
background-repeat:repeat-x - по горизонтали Для вертикальной строки repeat-x/

   
 
 автор: Mefisto84   (26.05.2006 в 15:48)   письмо автору
 
   для: Alexx   (25.05.2006 в 22:22)
 

спасибо, вроде бы понятно, это нужно попробовать :-) спасибо.

   
Rambler's Top100
вверх

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