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

HTML+CSS+JavaScript

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

 

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

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

тема: Влияние текста на размер блока.
 
 автор: Dr Lines   (26.02.2008 в 07:18)   письмо автору
 
 

Проблема такая :
Размер блока <div> регулируется Java скриптом .
Требуется, чтобы блок сжимался до 2 X 2 пикселя, но етого сделать не получается, даже при отсутствии текста в нем. Размер фиксируется размером шрифта установленного в этом блоке.
Как сделать так, стобы текст не влиял на размеры блока, какой параметр стиля за это отвечает ?


Заранее спасибо.

   
 
 автор: CNTv2.0   (26.02.2008 в 07:23)   письмо автору
 
   для: Dr Lines   (26.02.2008 в 07:18)
 

HTML: <div id="myDiv" style="width: 2px; height: 2px; overflow: hidden"></div>

JS: with (document.getElementById ('myDiv').style)
       {
       width = '2px';
       height = '2px';
       overflow = 'hidden';
       }

   
 
 автор: Dr Lines   (26.02.2008 в 07:36)   письмо автору
 
   для: CNTv2.0   (26.02.2008 в 07:23)
 

Спасибо, все работает.

   
 
 автор: Dr Lines   (27.02.2008 в 01:13)   письмо автору
 
   для: Dr Lines   (26.02.2008 в 07:36)
 

Да, в IExplorer 7 работает, а вот сегодня в Opera 9.25 попробовал, там <div> не хочет сжиматься меньше чем 10х10 пикселей. Есть ли какойнибудь способ сделать етот <div> менье в опере ???

   
 
 автор: CNTv2.0   (27.02.2008 в 01:45)   письмо автору
 
   для: Dr Lines   (27.02.2008 в 01:13)
 

Ну чего вы лапшу на уши вешаете?
В аттаче смотрите полученное в Opera 9.25 для кода:
<html>
<body bgcolor="white">
<div style="width: 2px; height: 2px; overflow: hidden; background: black"></div>
</body>
</html>

Чёрная точка имеет чётко оговоренные размеры 2х2

   
 
 автор: Dr Lines   (27.02.2008 в 01:50)   письмо автору
 
   для: CNTv2.0   (27.02.2008 в 01:45)
 

Прошу прощения, забыл убрать padding:5px; :E

   
Rambler's Top100
вверх

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