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

HTML+CSS+JavaScript

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

 

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

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

тема: как нарисовать квадратик 5 на 5 px средствами html

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

 
 автор: Yuri   (02.06.2009 в 05:07)   письмо автору
 
   для: chexov   (02.06.2009 в 03:39)
 

текст тянет ячейку

  Ответить  
 
 автор: chexov   (02.06.2009 в 03:39)   письмо автору
 
   для: PAT   (01.06.2009 в 19:07)
 

в вашем предложении все равно высота квадратика больше чем ширина, я остановился на использовании <div>

  Ответить  
 
 автор: PAT   (01.06.2009 в 19:07)   письмо автору
 
   для: chexov   (01.06.2009 в 16:49)
 

Высота ВСЕХ ячеек в одной строке таблицы всегда ОДИНАКОВА и определяется высотой самой высокой ячейки этой строки.

Высота 10px у вас складывается из паддингов(внутренних отступов) ячейки и из высоты используемого шрифта. Если отступы убрать и высоту шрифта задать равной 5px, то тогда у вас и получатся правильные "квадратики":
<table cellpadding="0">
<tr><td bgcolor='red' width='5px' height='5px'></td><td style="font-size: 5px">Кр</td></tr>
<tr><td bgcolor='lime' width='5px' height='5px'></td><td style="font-size: 5px">Зел</td></tr>
<tr><td bgcolor='deepskyblue' width='5px' height='5px'></td><td style="font-size: 5px">Син</td></tr>
</table>

  Ответить  
 
 автор: chexov   (01.06.2009 в 17:05)   письмо автору
 
   для: chexov   (01.06.2009 в 16:49)
 

сделал на css

<div style='background-color:red; width:5px; height:5px; font-size: 1px; margin-bottom:3px;'></div>
<div style='background-color:lime; width:5px; height:5px; font-size: 1px; margin-bottom:3px;'></div>
<div style='background-color:deepskyblue; width:5px; height:5px; font-size: 1px;'></div>

  Ответить  
 
 автор: chexov   (01.06.2009 в 16:49)   письмо автору
 
   для: Lelik   (01.06.2009 в 16:43)
 

ничего не изменилось, высота ячейки все равно 10 px:((((((((((

  Ответить  
 
 автор: Lelik   (01.06.2009 в 16:43)   письмо автору
 
   для: chexov   (01.06.2009 в 16:30)
 


<table>
<tr><td bgcolor='red' width='5px' height='5px' style="line-height: 0px; font-size: 0px;"></td><td>Кр</td></tr>
<tr><td bgcolor='lime' width='5px' height='5px' style="line-height: 0px; font-size: 0px;"></td><td>Зел</td></tr>
<tr><td bgcolor='deepskyblue' width='5px' height='5px' style="line-height: 0px; font-size: 0px;"></td><td>Син</td></tr>
</table>

  Ответить  
 
 автор: chexov   (01.06.2009 в 16:30)   письмо автору
 
 

использую элементарный табличный код:
<table>
<tr><td bgcolor='red' width='5px' height='5px'></td><td>Кр</td></tr>
<tr><td bgcolor='lime' width='5px' height='5px'></td><td>Зел</td></tr>
<tr><td bgcolor='deepskyblue' width='5px' height='5px'></td><td>Син</td></tr>
</table>


ширина 5 px а высота остается 10 px почему????

  Ответить  

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

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

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