Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Вопрос о вёрстке на таблицах

Автор: TheCreator 14.5.2006, 21:00

Здравствуйте,
вот появился такой вопрос:
Когда я верстаю страничку на таблицах вот так:

Код


<Table Width="175" cellspacing="0" cellpadding="0" border="0">
                                        <TR valign="top">
                                            <TD>
                                                 <Img src="Button_1.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                 <Img src="Button_2.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                <Img src="Button_3.gif">
                                            </TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD>
                                                <Img src="Button_4.gif">
                                            </TD>
                                        </TR>
                                  </Table>

То в Internet Explorer кнопки не соеденяються то есть между ними появляються пробелы, а вот если так:

Код


<Table Width="175" cellspacing="0" cellpadding="0" border="0">
                                        <TR valign="top">
                                            <TD><Img src="Button_1.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD><Img src="Button_2.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                           <TD><Img src="Button_3.gif"></TD>
                                        </TR>
                                        <TR valign="top">
                                            <TD><Img src="Button_4.gif"></TD>
                                        </TR>
                                  </Table>

То есть <TD> и </TD> плотно прилягают к тегу <IMG> тогда всё нормально отображаеться!
Скажите пожалуйста из-за чего такое бывает и можно ли это избежать ещё каким небудь способом если да то каким!?
Заранее большое спасибо!!!

Автор: Illuminaty 14.5.2006, 21:19

Так получается потому, что IE интерпретирует любые пустее символы (пробел, перевод строки и тп) между тегами как текстовый узел. Соответственно, он его и отображает (в результате получается пробел).

Можно это избежать, если верстать зная это.

Удачи!

Автор: TheCreator 14.5.2006, 22:03

Большое спасибо всё понятно!!!

Автор: R.M. 15.5.2006, 09:57

TheCreator, не обязательно убирать пробелы. Достаточно после <img> поставить <br>

Автор: TheCreator 15.5.2006, 13:49

2 Куксикус,
Спасибо но не мог бы ты обьяснить почему срабатывает <BR> возле <IMG>? Или где можно почитать про это?

Автор: R.M. 15.5.2006, 13:58

Он не срабатывает если писать так <img><br>

Автор: TheCreator 15.5.2006, 14:12

Я написал вот так:

Код


<Table Width="175" cellspacing="0" cellpadding="0" border="0">
             <TR valign="top">
                  <TD>
                         <Img src="Button_1.gif"><BR>
                 </TD>
              </TR>
               <TR valign="top">
                        <TD>
                               <Img src="Button_2.gif"><BR>
                        </TD>
                </TR>
                 <TR valign="top">
                        <TD>
                               <Img src="Button_3.gif"><BR>
                        </TD>
                 </TR>
                 <TR valign="top">
                        <TD>
                               <Img src="Button_4.gif"><BR>
                        </TD>
                  </TR>
</Table>

И всё сработало но может мне кто-то обьяснит почему именно!?

Автор: R.M. 15.5.2006, 14:51

TheCreator, я непонимаю о чём ты? расскажи поподробнее.

Автор: Illuminaty 15.5.2006, 14:57

Метод Куксикус'а вносит новою логику в приложение. Новый "перевод строки", который не несет смысловой информации. Поэтому я предлогаю верстать так, чтобы сама верстка несла только ту информацию, которую должна. Посему я при верстке стараюсь (не говорю, что не делаю) не вносить ничего лишнего.
В данном случае, я бы сверстал просто без пустых символов.

Удачи!

Автор: TheCreator 15.5.2006, 15:34

Все большое спасибо!!!

Добавлено @ 15:37

Цитата

TheCreator, я непонимаю о чём ты? расскажи поподробнее.

Меня просто интересовало почему именно твой способо работает!
Огромное вам спосибо!!!

Автор: Illuminaty 15.5.2006, 16:03

Пожалуйста smile

Заходи еще.

Удачи!

Автор: R.M. 15.5.2006, 16:18

Illuminaty, ну это впринципе уже дело каждого.

Автор: Illuminaty 15.5.2006, 16:28

так я же не спорю smile