http://bps.bbmy.ru/ Центр справки и поддержки rps. ru-ru Wed, 06 Aug 2008 15:07:11 +0400 MyBB/mybb.ru http://bps.bbmy.ru/viewtopic.php?pid=228#p228 <p><strong><span style="color: blue"><em class="bbuline">Шаг четвёртый: делаем ячейки для первой строки.</em></p> <p>Вообще, все таблицы состоят из ячеек. Ячейка - это пересечение строки и столбца. Сейчас мы попробуем наделать нужные нам ячейки в первой строке.</p> <p>Смотрим на макет: в первой строке всего две ячейки.<br />Начинаем с первой. Напомню, ячейки таблицы задаются тегом <span style="font-style: italic">&lt;td&gt;....&lt;/td&gt;</span>. Значит, как мы уже выше определились, ячеек у нас в первой строке две, то и тег пропишем два раза. Прописывать их необходимо в тег первой строки, вместо четырёх точек.<br />Наш код теперь выглядит следующим образом:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>&lt;table bgcolor=&quot;#FFA500&quot; border=&quot;2&quot; bordercolor=&quot;#000000&quot; width=&quot;100%&quot;&gt; &lt;tr&gt; &lt;td&gt;....&lt;/td&gt; &lt;td&gt;....&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;/table&gt;</pre></div></div></div><p>Теперь нужно указать ширину этих ячеек. Опять же с помощью параметра <span style="font-style: italic">width=&quot;....&quot;</span>. Можно указывать в пикселах или в процентах. Я, как и раньше, выберу второе. Если учесть, что вся таблица - это 100%, то глядя на макет можно сказать, что первая ячейка размером примерно 20% от всей таблицы. Так и запишем: <span style="font-style: italic">width=&quot;20%&quot;</span>. <br />Код нашей таблицы теперь такой:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>&lt;table bgcolor=&quot;#FFA500&quot; border=&quot;2&quot; bordercolor=&quot;#000000&quot; width=&quot;100%&quot;&gt; &lt;tr&gt; &lt;td width=&quot;20%&quot;&gt;....&lt;/td&gt; &lt;td&gt;....&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;/table&gt;</pre></div></div></div><p>Но не забудем ещё, что текст должен быть чёрного цета. Для этой цели есть тег <span style="font-style: italic">&lt;font color=&quot;цвет&quot;&gt; ....&lt;/font&gt;</span>, где вместо слова &quot;цвет&quot; необходимо записать код нашего цвета. <em class="bbuline">КАВЫЧКИ СОХРАНИТЬ!</em> В данном случае нам нужен чёрный: <span style="font-style: italic">#000000</span>. Получилось так: <span style="font-style: italic">&lt;font color=&quot;#000000&quot;&gt;....&lt;/font&gt;</span>.<br />Код нашей таблицы:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>&lt;table bgcolor=&quot;#FFA500&quot; border=&quot;2&quot; bordercolor=&quot;#000000&quot; width=&quot;100%&quot;&gt; &lt;tr&gt; &lt;td width=&quot;20%&quot;&gt;&lt;font color=&quot;#000000&quot;&gt; ....&lt;/font&gt;&lt;/td&gt; &lt;td&gt;....&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;/table&gt;</pre></div></div></div><p>И, мы хотели, чтобы текст был по центру ячейки. Для этого воспользуемся тегом <span style="font-style: italic">&lt;center&gt;....&lt;/center&gt;</span>. Запишем его вместо четырёх точек: <span style="font-style: italic">&lt;font color=&quot;#000000&quot;&gt;&lt;center&gt;....&lt;/center&gt;&lt;/font&gt;</span><br />Код нашей таблицы:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>&lt;table bgcolor=&quot;#FFA500&quot; border=&quot;2&quot; bordercolor=&quot;#000000&quot; width=&quot;100%&quot;&gt; &lt;tr&gt; &lt;td width=&quot;20%&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;center&gt;....&lt;/center&gt;&lt;/font&gt;&lt;/td&gt; &lt;td&gt;....&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;/table&gt;</pre></div></div></div><p>Теперь в первой ячейке мы можем вместо четырёх точек прописать наш текст: &quot;Текст 1&quot;. <span style="font-style: italic">&lt;td width=&quot;20%&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;center&gt;Текст 1&lt;/center&gt;&lt;/font&gt;&lt;/td&gt;</span>.<br />Код нашей таблицы такой:</p><div class="code-box"><strong class="legend">Код:</strong><div class="blockcode"><div class="scrollbox" style="height: 15em"><pre>&lt;table bgcolor=&quot;#FFA500&quot; border=&quot;2&quot; bordercolor=&quot;#000000&quot; width=&quot;100%&quot;&gt; &lt;tr&gt; &lt;td width=&quot;20%&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;center&gt;....&lt;/center&gt;&lt;/font&gt;&lt;/td&gt; &lt;td&gt;....&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;tr&gt;....&lt;/tr&gt; &lt;/table&gt;</pre></div></div></div><p></span></strong></p> mybb@mybb.ru (Павел) Wed, 06 Aug 2008 15:07:11 +0400 http://bps.bbmy.ru/viewtopic.php?pid=228#p228 http://bps.bbmy.ru/viewtopic.php?pid=223#p223 <p><img class="postimg" loading="lazy" src="http://upforme.ru/uploads/0002/90/00/222-1-f.jpg" alt="http://upforme.ru/uploads/0002/90/00/222-1-f.jpg" /></p> mybb@mybb.ru (Павел) Sun, 03 Aug 2008 16:37:31 +0400 http://bps.bbmy.ru/viewtopic.php?pid=223#p223 http://bps.bbmy.ru/viewtopic.php?pid=221#p221 <p><strong><span style="color: blue"><em class="bbuline">Советем прочитать (ссылки на темы со схожей тематикой данного форума): </em></span></strong></p> mybb@mybb.ru (Павел) Sun, 03 Aug 2008 16:34:29 +0400 http://bps.bbmy.ru/viewtopic.php?pid=221#p221 http://bps.bbmy.ru/viewtopic.php?pid=215#p215 <p>щгшщш9</p> mybb@mybb.ru (Павел) Sat, 02 Aug 2008 16:38:32 +0400 http://bps.bbmy.ru/viewtopic.php?pid=215#p215 http://bps.bbmy.ru/viewtopic.php?pid=191#p191 <p><strong><span style="color: blue">тест</span></strong></p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:40:01 +0400 http://bps.bbmy.ru/viewtopic.php?pid=191#p191 http://bps.bbmy.ru/viewtopic.php?pid=65#p65 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:11 +0400 http://bps.bbmy.ru/viewtopic.php?pid=65#p65 http://bps.bbmy.ru/viewtopic.php?pid=64#p64 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:11 +0400 http://bps.bbmy.ru/viewtopic.php?pid=64#p64 http://bps.bbmy.ru/viewtopic.php?pid=63#p63 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:11 +0400 http://bps.bbmy.ru/viewtopic.php?pid=63#p63 http://bps.bbmy.ru/viewtopic.php?pid=62#p62 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:11 +0400 http://bps.bbmy.ru/viewtopic.php?pid=62#p62 http://bps.bbmy.ru/viewtopic.php?pid=60#p60 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:10 +0400 http://bps.bbmy.ru/viewtopic.php?pid=60#p60 http://bps.bbmy.ru/viewtopic.php?pid=59#p59 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:10 +0400 http://bps.bbmy.ru/viewtopic.php?pid=59#p59 http://bps.bbmy.ru/viewtopic.php?pid=58#p58 <p>тест</p> mybb@mybb.ru (Павел) Fri, 01 Aug 2008 21:39:09 +0400 http://bps.bbmy.ru/viewtopic.php?pid=58#p58