Форум » Вопросы дизайна » Культпросвет по хтмл » Ответить
Культпросвет по хтмл
Serifa: Подсоединяйтесь, кто знает, и читайте, кто не знает. Это каждому админу пригодится, и не админу тоже.
Ответов - 7
Serifa: Как в сказке Кэрролла про Алису, надо очень сильно бежать, чтобы просто стоять на месте. Я обнаружила огромный пробел в своих знаниях по хтмл, нужно, чтобы кто-то на пальцах объяснил, ибо читать не умею и арифметики не знаю. Это касается куска кода на Форролл орг, на непонятные символы не смотрите, там немного 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", который присвоен дополнительно ячейке... И сказали, чтобы я прочитала книжку ХТМЛ для чайников! А-а-а! Ну расскажите, кто знает, что за класс такой и в какую ячейку?
Альма: Serifa пишет: class="catbg logo" У меня обычно так указывают на стиль css
Каринованая: По-моему тут не только ХТМЛ, но и CCS
Zenitchik: Эх, блин... Почему я книжку купил за десять лет до того, как форумами начал заниматься? http://www.citforum.ru/internet/html/csstutorial.shtml Вот вам, ленивым...
Serifa: 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; } Это они? Значит, где-то рядом можно и новый нужный класс прописать?
Khaion: 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 (только почему он с пробелом? или так имя можно задавать?) { желаемые свойства ячейки или того, чему класс будет присваиваться }
Serifa: Почему с пробелом - не знаю, может ошиблись камрады. Установила себе на файрфокс firebug, надстройка такая забавная. Возможностей очень много, хотя бы то, что можно увидеть, какой элемент дизайна где прописан в коде и даже тут же на месте изменить его характеристики и просмотреть, как эти изменения скажутся на внешнем виде. Чудо, но тоже надо научиться пользоваться. С другой стороны - нагляднее, чем любой учебник)) То есть, если вы уже немного в курсе, что такое хтмл. А еще: Прихожу к выводу, что надо переходить на темный дизайн. Ибо светлый очень неудобен, сразу все огрехи видны, ничего никуда не спрячешь, и работы всегда раза в два больше. Чтобы на светлом сделать то, что можно показать на темном, детали должны почти сливаться с фоном, и дизайн станет полупрозрачным. Так что на любителя. * тут нужна оговорка: это в случае, если вы не хотите использовать много-много дивов или вставлять таблицу в таблицу! это утяжелит дизайн, хотя выглядит, конечно, жутко круто.
полная версия страницы