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

HTML+CSS+JavaScript

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

 

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

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

тема: background-image
 
 автор: Хулиган   (08.09.2006 в 22:28)   письмо автору
 
 

Откуда у рисунка который ставлю в таблицу как background берется справа полоса?
    <table align=center style='border-collapse:collapse; background:url(/img/new.jpg);'>
        <tr>
            <td width=160 style='height:38px;'>
              &nbsp;
            </td>
        </tr>
    </table>

Рисунок в аттаче.
Та же история, если бэкграунд делать не для всей таблицы, а для отдельных ячеек.

   
 
 автор: AlexSol   (08.09.2006 в 22:35)   письмо автору
 
   для: Хулиган   (08.09.2006 в 22:28)
 

похоже что по умолчанию он центруется в ячейке, а полоса - это его повторение.


background:url(/img/new.jpg) no-repeat left top;

   
 
 автор: victoor   (08.09.2006 в 22:37)   письмо автору
 
   для: Хулиган   (08.09.2006 в 22:28)
 

это происходит потому, что рисунок чуть меньше, чем место для него.
Когда рисунок меньше площади, для которой его используют как обои, то он не растягивается, а копируется (как для рабочего стола в случае мелкой картинки используется настройка "замостить")

   
 
 автор: Хулиган   (08.09.2006 в 22:45)   письмо автору
 
   для: victoor   (08.09.2006 в 22:37)
 

это понятно, что идет начало повтора, но почему так? Ведь рисунок шириной 160 пикселей, таблица тоже. Откуда место берется в таблице, которое заполняется частью "второго" рисунка? Получается, что таблица 162 пикселя, хотя указано 160. При этом border=0.
И почему в таком случае несоответствие размеров только по ширине? А высота таблицы соответствует указанной 38 пикселей?

   
 
 автор: victoor   (08.09.2006 в 22:55)   письмо автору
 
   для: Хулиган   (08.09.2006 в 22:45)
 

если нажать пр. кн. мыши на ячейки, то там пишется, что картинка (вся целиком, вместе с правым краем) 169 пикселей. почему так - незнаю.

   
 
 автор: Хулиган   (08.09.2006 в 23:29)   письмо автору
 
   для: victoor   (08.09.2006 в 22:55)
 

может win-пиксели не совпадают с web-пикселями :)))
Т.е. 1 winpx = 1.05625webpx

   
 
 автор: RMW   (08.09.2006 в 23:47)   письмо автору
 
   для: Хулиган   (08.09.2006 в 23:29)
 

Один лишний пиксель в одиноко стоящей ячейке
удаётся убить
<td style='width:160px; height:38px; padding-right:0px'>
но пока только один:)

   
 
 автор: victoor   (09.09.2006 в 01:11)   письмо автору
 
   для: RMW   (08.09.2006 в 23:47)
 

с подсказки RMW вроде как удалось убить лишние пикселы.
код
    <table style='border-collapse:collapse; background:url(/img/1.jpg);'>
        <tr>
            <td style='width:160px; height:38px; padding-right:0px; padding-left:0px'>
              &nbsp;
            </td>
        </tr>
    </table>

   
 
 автор: RMW   (09.09.2006 в 08:36)   письмо автору
 
   для: victoor   (09.09.2006 в 01:11)
 

Действительно, а я пробовал left и чё-то он у меня
не сработал, я не стал и писать про него, а щас
работает:) Значит просто отступы мешали.

   
 
 автор: Хулиган   (09.09.2006 в 18:08)   письмо автору
 
   для: RMW   (09.09.2006 в 08:36)
 

Значит получается, padding имеет приоритет над width.

   
 
 автор: AlexSol   (09.09.2006 в 18:13)   письмо автору
 
   для: Хулиган   (09.09.2006 в 18:08)
 

не имеет width - это ширина области , padding- отсттыпы внутри этой области, margin - снаружи области, хотя таблицы порой ведут себя очень странно.

   
 
 автор: Хулиган   (09.09.2006 в 21:39)   письмо автору
 
   для: AlexSol   (09.09.2006 в 18:13)
 

Да нет, всё-таки padding имеет преимущество: при ненулевом паддинге он будет выдержан точно, а вот ширина - как получится (в зависимости от того, сколько забрал на себя padding).

   
Rambler's Top100
вверх

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