Re[9]: Правила построения таблиц - Веб программирование

Здравствуйте,
недавно занялся версткой html, и тут же появились проблемы. Таблицы, с виду написанные правильно, разъезжаются или никак не хотят фиксироваться по размеру. Поскажите пожалуйста основные правила и приемы для их нормального построения. Премного благодарен.

Здравствуйте, Аноним, Вы писали:

А> недавно занялся версткой html, и тут же появились проблемы. Таблицы, с виду написанные правильно, разъезжаются или никак не хотят фиксироваться по размеру. Поскажите пожалуйста основные правила и приемы для их нормального построения.

Основное правило — это то, что размер таблицы может зависить от размера отдельной ячейки.
А так — пример в студию.

<table width=200 border=0 cellpadding=0 cellspacing=0>
 <tr>
    <td width="17" height="235" background="img/bg_3.jpg"><img src="img/r4.gif" width="17"></td>
   <td width="270" height="235" background="img/bg_3.jpg">
    <table height="235" border=0 cellpadding="0" cellspacing="0">
        <tr>
      <td colspan=2 height=68><img src="img/r2.gif">
      </td>
     </tr>
     <tr>
          <td height=167 width=410>
          <img src="img/r3.gif" width="410" height="1"><img src="img/pole.jpg"><br>asd</td>
            <td width=213 height=167><img src="img/pogruzchik.jpg"></td>
     </tr>
    </table>
   </td>
 </tr>
</table>

Вот в этой штуке почему-то множится фон...

Здесь, все понял.

Здравствуйте, Аноним, Вы писали:

А>

А><table width=200 border=0 cellpadding=0 cellspacing=0>
А> <tr>
А>    <td width="17" height="235" background="img/bg_3.jpg"><img src="img/r4.gif" width="17"></td>
А>   <td width="270" height="235" background="img/bg_3.jpg">
А>    <table height="235" border=0 cellpadding="0" cellspacing="0">
А>        <tr>
А>      <td colspan=2 height=68><img src="img/r2.gif">
А>      </td>
А>     </tr>
А>     <tr>
А>          <td height=167 width=410>
А>          <img src="img/r3.gif" width="410" height="1"><img src="img/pole.jpg"><br>asd</td>
А>            <td width=213 height=167><img src="img/pogruzchik.jpg"></td>
А>     </tr>
А>    </table>
А>   </td>
А> </tr>
А></table>

А>

А>Вот в этой штуке почему-то множится фон...

У тебя просто размеры ячейки больше, чем размеры фоновой картинки. Используй CSS, чтобы определить правильное поведение фоновой картинки.
И потом: у тебя не правильно с точки зрения HTML сверстана таблица.

Спасибо,
Тут еще один вопрос назрел...Как сделать чтобы у ячейки был бордер только с одной стороны?

Здравствуйте, Аноним, Вы писали:

А>Спасибо,
А>Тут еще один вопрос назрел...Как сделать чтобы у ячейки был бордер только с одной стороны?
Через стили CSS.

Эх...А теперь проблема, как мне сделать, чтобы верхний бордер не накладывался на боковые...

 td.middle {border-left: solid 3px white; border-top: solid 1px gray; border-right: solid 3px white;}

Можно ли вообще это осуществить?

Здравствуйте, Аноним, Вы писали:

А>Эх...А теперь проблема, как мне сделать, чтобы верхний бордер не накладывался на боковые...
А>

А> td.middle {border-left: solid 3px white; border-top: solid 1px gray; border-right: solid 3px white;}
А>

А>Можно ли вообще это осуществить?
Боюсь, что никак.

Я наверное уже достал со своими вопросами...
Никак не могу сделать верхний бордюр в ячейке:

  <table cellpadding="0" cellspacing="0" border="0" >
   <tr>
    <td height="89" width="313" background="img\bg_1.jpg" style="border-color: #123312; border-top: 4px"></td>
   </tr>

И надо сделать чтобы на другой ячейке, менялся цвет и картинка при попадании на нее указателя

         <tr>
          <td class="middle" id="top"> О нас <img src="img\ukazatel.gif" ></td>      
     </tr>

Подскажите хотя бы общую идею.
Спасибо.

Здравствуйте, Аноним, Вы писали:

А>Я наверное уже достал со своими вопросами...
А> Никак не могу сделать верхний бордюр в ячейке:
А>

А>  <table cellpadding="0" cellspacing="0" border="0" >
А>   <tr>
А>    <td height="89" width="313" background="img\bg_1.jpg" style="border-color: #123312; border-top: 4px"></td>
А>   </tr>
А>

Возможно, это вам немного поможет
http://allo.usaaa.ru/workshop/extreme/doctype/ie6/images/boxdim.gif

А>И надо сделать чтобы на другой ячейке, менялся цвет и картинка при попадании на нее указателя
А>

А>         <tr>
А>          <td class="middle" id="top"> О нас <img src="img\ukazatel.gif" ></td>      
А>     </tr>
А>

А>Подскажите хотя бы общую идею.
А> Спасибо.

Можно через JavaScript. Определите действие OnMouseOver для картинки. Если же картинка должна представлять собой ссылку, то можно и через css как псевдокласс A:hover{}.

Здравствуйте, 6750km, Вы писали:

6>Здравствуйте, Аноним, Вы писали:

А>>Я наверное уже достал со своими вопросами...
А>> Никак не могу сделать верхний бордюр в ячейке:
А>>

А>>  <table cellpadding="0" cellspacing="0" border="0" >
А>>   <tr>
А>>    <td height="89" width="313" background="img\bg_1.jpg" style="border-color: #123312; border-top: 4px"></td>
А>>   </tr>
А>>

6>Возможно, это вам немного поможет
6>http://allo.usaaa.ru/workshop/extreme/doctype/ie6/images/boxdim.gif

А>>И надо сделать чтобы на другой ячейке, менялся цвет и картинка при попадании на нее указателя
А>>

А>>         <tr>
А>>          <td class="middle" id="top"> О нас <img src="img\ukazatel.gif" ></td>      
А>>     </tr>
А>>

А>>Подскажите хотя бы общую идею.
А>> Спасибо.

6>Можно через JavaScript. Определите действие OnMouseOver для картинки. Если же картинка должна представлять собой ссылку, то можно и через css как псевдокласс A:hover{}.

Спасибо,
Мне нужно чтобы менялся бэкграунд у ячейки, при наведении на ссылку
Как сделать через javascript я знаю, можно ли реализовать через css?

	От:	Аноним
	Дата:	04.04.05 15:00
	Оценка:

От:	King Oleg	http://kingoleg.livejournal.com
Дата:	04.04.05 15:13
Оценка:	+1

	От:	Аноним
	Дата:	04.04.05 15:33
	Оценка:

	От:	Аноним
	Дата:	04.04.05 15:39
	Оценка:

От:	King Oleg	http://kingoleg.livejournal.com
Дата:	04.04.05 15:47
Оценка:

От:	6750km	http://be.net/6750km
Дата:	05.04.05 00:49
Оценка: