X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Аккуратные колонки, в чем секрет?
Герой in
Герой in
Topic Starter сообщение 2.2.2009, 18:28; Ответить: Герой in
Сообщение #1


Я часто вижу в газетах и в журналах аккуратные колонки.
Вот пример.

[img]http://i007.radikal.ru/0902/59/5243060e5bd6t.jpg[/img]

В чем секрет? Изучал все теги таблиц, но не нашел тегов для аккуратного выравнивания текста.
А спасительный, на первый взгляд, тег <br> совершенно не предсказуем, я его перестал использовать. Так в чем же секрет?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 2.2.2009, 18:42; Ответить: Xap_mw
Сообщение #2


<table style="width:300px; height:50px;"><tr><td width="100px">колонка 1 колонка 1

колонка 1 колонка 1 колонка 1 колонка 1 колонка 1 колонка 1 колонка 1 </td><td

width="100px">колонка 2 колонка 2 колонка 2 колонка 2 колонка 2 колонка 2

</td><td width="100px">колонка 3 колонка 3 колонка 3 колонка 3 колонка 3

колонка 3 </td></tr></table>


Например так. Все атрибуты конечно стоит запихнуть в css так же если надо применить text-align:justify; и все.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Герой in
Герой in
Topic Starter сообщение 2.2.2009, 19:04; Ответить: Герой in
Сообщение #3


а это что "height:50px" ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 2.2.2009, 21:23; Ответить: ZiTosS
Сообщение #4


Герой in, для газет и журналов не используют HTML, поэтому как сделаны аккуратные равнения стоит поискать хотяб в программе MS Word. В ней осуществлена возможность расстановки автоматических переносов, что уменьшает разброс между словами при "выравнивании по ширине".
В HTML нет возможности расстановки переносов на автомате, поэтому при использовании align="justify" равносильного "выравниванию по ширине" получается различный отступ между фразами в силу отсутствия переносов.

а это что "height:50px" ?

Это высота элемента, к которому применяется данный атрибут. В данном случае высота таблицы 50 пикселей

Xap, ваш способ не рентабелен, тут придётся подгадывать со словами, чтобы разместить к примеру одну статью в 3 колонки. HTML такого не поддерживает, как перенос части контента из одной ячейки в другую
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Герой in
Герой in
Topic Starter сообщение 2.2.2009, 22:41; Ответить: Герой in
Сообщение #5


В коде возможна ошибка. Первая часть отображается, а вторая нет.

ZiTosS, Мне бы и одной колонки хватило, главное чтоб текст был ровный, а не как попало.
Вроде как, картинка и ниже текст.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 2.2.2009, 22:55; Ответить: Xap_mw
Сообщение #6


(ZiTosS @ 2.2.2009, 20:23) *
Xap, ваш способ не рентабелен, тут придётся подгадывать со словами, чтобы разместить к примеру одну статью в 3 колонки. HTML такого не поддерживает, как перенос части контента из одной ячейки в другую

Да это самое примитивное, что придумал за минуту вбил. А тег <MULTICOL> я кстати никогда его и не слышал. Он как-то пытался разбивать текст на колонки, только как и когда я не знаю :unsure: Вот тут эту древность нашел: _http://html4.narod.ru/docformatg.html
Понятно, что придется подгонять текст, лично я другого способа не вижу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robot-sgibatel
Robot-sgibatel
сообщение 2.2.2009, 22:55; Ответить: Robot-sgibatel
Сообщение #7


Выравнивает текст при помощи align со значением justify
Примеры
<p align="justify"> .... </p>

<td align="justify"> .... </p>


Более првильно это делать через CSS, для этого достаточно в style.css написать
td    {text-align:justyfy; }


и во всех таблицах текст будет выровнен по краям


Ps Вам бы HTML хоть немного подучить...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Герой in
Герой in
Topic Starter сообщение 2.2.2009, 23:08; Ответить: Герой in
Сообщение #8


Вот такой вот пример. Как сделать?
[img]http://s44.radikal.ru/i104/0902/30/9ef0ad637b7b.jpg[/img]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Герой in
Герой in
Topic Starter сообщение 2.2.2009, 23:14; Ответить: Герой in
Сообщение #9


(Bender @ 2.2.2009, 21:55) *
Выравнивает текст тег justify


Его в таблицу вписывать, после <tr>?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 2.2.2009, 23:53; Ответить: ZiTosS
Сообщение #10


Герой in,
Его в таблицу вписывать, после <tr>?

Какой тут tr, вы поймите как организуется таблица.
<tr></tr> - это одна строка
<td></td> - это один столбец

Но только одно вставляется в другое, поэтому <td></td> другими словами это ячейка
<table>
<tr>
<td align="justify">Текст колонки</td>
</tr>
<table>

Герой in, Да что тут сложного, не пойму. Делаем таблицу по размерам картинки. К примеру у нас есть file.jpg(640x480), тогда
<table width="640">
<tr>
<td><img src="file.jpg" /></td>
</tr>
<tr>
<td align="justify">текст текст текст текст текст текст текст текст текст</td>
</tr>
</table>

И ещё я же писал лекцию в школе HTML по параграфам и выравнивания текста


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разбить массив категорий на колонки
2 vitek_gagra 1599 30.3.2019, 16:41
автор: Gerga
Открытая тема (нет новых ответов) не получается скопировать дополнительные колонки меню
1 Владлен_hb 5829 11.12.2015, 5:18
автор: -Владлен-
Открытая тема (нет новых ответов) Переделать шаблон DLE 9.4 (поменять колонки местами)
1 sertaras1 3624 10.10.2012, 9:27
автор: -Colonizator-
Открытая тема (нет новых ответов) Представляю к продаже небольшие, аккуратные сайты автомобильной тематики.
3 mefisto 1942 1.12.2011, 2:02
автор: plusone
Открытая тема (нет новых ответов) Необходимо создать макет страницы (тип 3 колонки, средняя определенной ширины)
6 ut2010 10410 23.3.2009, 0:50
автор: -Webmaster-


 



RSS Текстовая версия Сейчас: 25.4.2024, 15:23
Дизайн