Отправлено: 22.07.09 20:18. Заголовок: Культпросвет по хтмл

Подсоединяйтесь, кто знает, и читайте, кто не знает.
Это каждому админу пригодится, и не админу тоже.

 Отправлено: 22.07.09 20:24. Заголовок: Как в сказке Кэрролл..

Как в сказке Кэрролла про Алису, надо очень сильно бежать, чтобы просто стоять на месте. Я обнаружила огромный пробел в своих знаниях по хтмл, нужно, чтобы кто-то на пальцах объяснил, ибо читать не умею и арифметики не знаю.

Это касается куска кода на Форролл орг, на непонятные символы не смотрите, там немного php.

---

Вот так оно выглядит в оригинале.

echo '
<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg" height="32">';

if (empty($settings['header_logo_url']))
echo '
<span style="font-family: Verdana, Arial, Helvetica, sans-serif, monospace; font-size: 13px; color: #ffffff">', $context['forum_name'], '</span>';
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>
<td align="right" class="catbg">
</td>

---

А вот так рекомендуют сделать:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg logo">';

if (empty($settings['header_logo_url']))
echo $context['forum_name'];
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>

---

Камень преткновения для меня - вот это:
class="catbg logo"

цитата:

при этом прописав все что нужно в класс "logo", который присвоен дополнительно ячейке...

И сказали, чтобы я прочитала книжку ХТМЛ для чайников! А-а-а!
Ну расскажите, кто знает, что за класс такой и в какую ячейку?

 Отправлено: 23.07.09 04:00. Заголовок: Serifa пишет: class..

Serifa пишет:

цитата:

class="catbg logo"

У меня обычно так указывают на стиль css

 Отправлено: 23.07.09 09:54. Заголовок: По-моему тут не толь..

По-моему тут не только ХТМЛ, но и CCS

 Отправлено: 23.07.09 13:39. Заголовок: Эх, блин... Почему я..

Эх, блин... Почему я книжку купил за десять лет до того, как форумами начал заниматься?

http://www.citforum.ru/internet/html/csstutorial.shtml Вот вам, ленивым...

 Отправлено: 23.07.09 17:25. Заголовок: CCS - это понятно, э..

CCS - это понятно, это у меня отдельный файл.
А в какой ситховой ячейке надо этот класс прописывать?
Если имеется в виду какая-то таблица базы данных...?

А в стилях у меня эти классы прописаны примерно так:

---

/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back,
.mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

---

Это они?
Значит, где-то рядом можно и новый нужный класс прописать?

 Отправлено: 23.07.09 20:38. Заголовок: Serifa пишет: А в к..

Serifa пишет:

цитата:

А в какой ситховой ячейке надо этот класс прописывать?

Вроде вот это она и есть, с прописанным классом:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="catbg logo">';

if (empty($settings['header_logo_url']))
echo $context['forum_name'];
else
echo '
<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['forum_name'], '" />';

echo '
</td>

А свойства класса, кажется, прописываются в Serifa пишет:

цитата:

CCS - это понятно, это у меня отдельный файл.

- в этом самом файле.
Serifa пишет:

цитата:

А в стилях у меня эти классы прописаны примерно так: (...) Это они? Значит, где-то рядом можно и новый нужный класс прописать?

По-моему, да. То есть по идее дописывается что-то вроде
.catbg logo Оффтоп: (только почему он с пробелом? или так имя можно задавать?)
{
желаемые свойства ячейки или того, чему класс будет присваиваться
}

 Отправлено: 24.07.09 10:40. Заголовок: Почему с пробелом - ..

Почему с пробелом - не знаю, может ошиблись камрады.

Установила себе на файрфокс firebug, надстройка такая забавная. Возможностей очень много, хотя бы то, что можно увидеть, какой элемент дизайна где прописан в коде и даже тут же на месте изменить его характеристики и просмотреть, как эти изменения скажутся на внешнем виде. Чудо, но тоже надо научиться пользоваться.
С другой стороны - нагляднее, чем любой учебник)) То есть, если вы уже немного в курсе, что такое хтмл.

А еще:
Прихожу к выводу, что надо переходить на темный дизайн. Ибо светлый очень неудобен, сразу все огрехи видны, ничего никуда не спрячешь, и работы всегда раза в два больше.
Чтобы на светлом сделать то, что можно показать на темном, детали должны почти сливаться с фоном, и дизайн станет полупрозрачным. Так что на любителя.

* тут нужна оговорка: это в случае, если вы не хотите использовать много-много дивов или вставлять таблицу в таблицу! это утяжелит дизайн, хотя выглядит, конечно, жутко круто.