Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Таблица несоответсвие (https://javascript.ru/forum/xhtml-html-css/4968-tablica-nesootvetsvie.html)

JSprog 03.09.2009 14:03

Таблица несоответсвие
 
Уж в чём чём а в вёрстке я не силён=)
Есть таблица
<table width=90% border=1px align=center>
<tr height=30% valign=top>
<td width=100%><img src="top.jpg"></td>
</tr>
<tr height=65% valign=middle>
<td width=30% align=left></td>
<td width=70% align=right>
<img src="line_up.jpg">
</td>
</tr>
</table>

Но почему то столбики из второй строки равны столбику из первой строки то есть каждый по 100% а не по 70 и 30 процентов.

e1f 03.09.2009 14:14

Мда... Что за белиберда... Что нужно хоть? Так вот?
<table width="90%" border="1" align="center">
<tr height="30%" valign="top">
  <td width="100%"colspan="2">EXAMPLE</td>
</tr>
<tr height="65%" valign="middle">
  <td width="30%" align="left">EXAMPLE</td>
  <td width="70%" align="right">EXAMPLE</td>
</tr>
</table>

JSprog 03.09.2009 14:18

Всё работает..вы прям волшебник
Говорю же не силён в верстке:-?

e1f 03.09.2009 14:20

Топаем на http://www.htmlbook.ru/ и усиленно учим верстку.

JSprog 03.09.2009 14:23

Я JS учу он важнее для меня.

e1f 03.09.2009 14:35

Вот и плохо. Если уж решил учиться на веб-кодера, то должен уметь все из жизненно необходимого: поднять локальную среду разработки, владеть знаниями html + js + server-side. Толку-то с жаваскрипт-кодера, не знающего даже среду, в которой вертится его скрипт :haha:

JSprog 03.09.2009 14:37

Ну всё по порядку а то если сразу за всё хвататься то в результате в голове каша

JSprog 03.09.2009 14:39

Опять что-то не то=)
<table width="100%" border="1" align="center">
<tr height="30%" valign="top">
  <td width="100%"colspan="2">
     <img src="top.jpg" width="100%">
  </td>
</tr>
<tr height="65%" valign="middle">
  <td width="30%" align="left"></td>
  <td width="70%" align="right">
    <table width="100%" height="100%">
       <tr valign="top">
         <td>
            <img src="paper_top.jpg" width="100%" height="100%">
         </td>
       </tr>
       <tr>
         <td align="left" width=10%">
           <img src="paper_left.jpg" height="100%">
         </td>
         <td background="paper_back.jpg">
         </td>
         <td align="right">
          <img src="paper_right.jpg">
         </td>
       </tr>
    </table>
  </td>
</tr>
</table>

В этом коде картинка paper_top.jpg раз в 10 меньше чем она есть? Что за приколы

e1f 03.09.2009 14:43

А если ей не указывать width и height?

JSprog 03.09.2009 14:43

Это в FF
В IE же одна картинка больше раза в 3 другая меньше раза в 3 и ещё одна меньше раз в 5
Прикольненько


Часовой пояс GMT +3, время: 20:47.