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

HTML+CSS+JavaScript

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

 

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

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

тема: Информация ровно в таблице
 
 автор: sidPR   (24.03.2007 в 02:47)   письмо автору
 
 

есть код

<table cellpadding="0" cellspacing="0" border="0"  height="16">
<tr><td  height="16"><img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16"></td></tr>
<tr  height="16"><td><img src="test.gif">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16">
<img src="test.gif" height="16"></td></tr>
</table>


если в одну строчку все картинки писать то все ок а если разделять вот так ... то в конце каждой ячейки появляется пиксельное пространство ... что мне архи важно избежать...
подскажите мож CSS свойство какое применить можно... =\ я без идей

   
 
 автор: sidPR   (24.03.2007 в 13:49)   письмо автору
 
   для: sidPR   (24.03.2007 в 02:47)
 

Help как побароть етот пиксельный разрыв... :(

   
 
 автор: CNT   (24.03.2007 в 16:00)   письмо автору
 
   для: sidPR   (24.03.2007 в 02:47)
 

<table cellpadding="0" cellspacing="0" border="0"  height="16">
<tr><td  height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"></td></tr>
<tr  height="16"><td><img
src="test.gif"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"><img src="test.gif"
height="16"></td></tr>
</table>

   
 
 автор: sidPR   (24.03.2007 в 16:30)   письмо автору
 
   для: CNT   (24.03.2007 в 16:00)
 

Бесполезно ...

   
 
 автор: sidPR   (24.03.2007 в 16:32)   письмо автору
 
   для: sidPR   (24.03.2007 в 16:30)
 

у меня данные скриптом конфигурируются туда а следовательно я не могу указать место разрыва кода... просто надо знать как избежать этого разрыва путем добавления какого либо параметра CSS или HTML

   
 
 автор: CNT   (24.03.2007 в 17:30)   письмо автору
 
   для: sidPR   (24.03.2007 в 16:32)
 

Уберите из скрипта перевод строки '\n'

   
 
 автор: sidPR   (24.03.2007 в 17:33)   письмо автору
 
   для: CNT   (24.03.2007 в 17:30)
 

все убранны... и вродебы выводится в коде все заодно ... но снос етот есть

   
 
 автор: ilyaILF   (24.03.2007 в 18:34)   письмо автору
 
   для: sidPR   (24.03.2007 в 17:33)
 

Есть предложение следующего порядка: можно все теги <img> заключить в теги <div>...

<div><img src="test.gif" height="16" /></div>

И в стилях, соответственно, дописать...

<style type="text/css">
div
    {float: left;}
</style>

Таким образом можно "обойти" данную ситуацию.
))) (Комментарий автора: При записи кода HTML старайтесь придерживаться правил написания в соответствии со стандартами W3C.)

   
 
 автор: sidPR   (24.03.2007 в 19:39)   письмо автору
 
   для: ilyaILF   (24.03.2007 в 18:34)
 

а другово способа нету ?

   
 
 автор: ilyaILF   (24.03.2007 в 19:56)   письмо автору
 
   для: sidPR   (24.03.2007 в 19:39)
 

Нет, ну можно конечно значительно "упростить себе жизнь", если в самом верху документа все-таки проставить...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

говорящий о том, что данный документ соответствует стандартам W3C....
Тогда в стилях достаточно будет вписать лишь одну строчку...
<style type="text/css">
img
    {float: left;}
</style>

И во всех броузерах (я имею тв виду IE, FF, Opera) должно будет все отображаться одинаково.

   
 
 автор: sidPR   (24.03.2007 в 23:28)   письмо автору
 
   для: ilyaILF   (24.03.2007 в 19:56)
 

тогда у меня все объекты смещяются вообще непонятно как =\

   
 
 автор: ilyaILF   (25.03.2007 в 00:38)   письмо автору
915 байт
 
   для: sidPR   (24.03.2007 в 02:47)
 

Идея была следующей - в прикрепленном файле.

   
 
 автор: sidPR   (25.03.2007 в 22:06)   письмо автору
 
   для: ilyaILF   (25.03.2007 в 00:38)
 

Вот еще пример :
так работает нормально

<table cellpadding="0" cellspacing="0" border="0" id="d1" style="">
<tr><td><a href="#" onClick="sh(1, this); return false"><img src="i/+.gif"></a>Главный [Обсуждается все.]</td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif"></td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif"></td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif"></td></tr>
</table>


а вот так разъезжается вниз Где я вписываю слово тест следующяя TD на 1 пиксель вниз отъезжает... возмодно ли это побороть?

<table cellpadding="0" cellspacing="0" border="0" id="d1" style="">
<tr><td><a href="#" onClick="sh(1, this); return false"><img src="i/+.gif"></a>Главный [Обсуждается все.]</td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif">TEST</td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif"></td></tr>
<tr><td><img src="i/d.gif"><img src="i/b.gif"><img src="i/n.gif"></td></tr>
</table>

   
 
 автор: sidPR   (25.03.2007 в 22:13)   письмо автору
 
   для: sidPR   (25.03.2007 в 22:06)
 

Впрочем я обошелся методом того что текст и картинку поместил в разные ячейки.. но всеравно если нужно будет вдруг так сделать то как избежать такого эфекта ?

   
Rambler's Top100
вверх

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