Долгая дорога в HTML: выше по коду, ниже визуально
В 13-ом, кажется, году биржа ввела проверку расположения "ссылки в подвале". Подвал определяется исключительно по выводу ссылок в коде страницы. Если в последних 20 (или 30) процентах кода - значит в подвале.
В обсуждении новой опции проскальзывала мысль разместить код в начале страницы, а выводить в конце. Но алгоритм не обсуждался. Советовали использовать java-script. Мне это было не нужно, посему не заморачивался. На днях вспомнилось и решение само пришло в голову. Если кому-то еще надо, вот алгоритм: Необходимо: расположить контент Б в коде страницы выше контента А, а визуально вывести в браузере ниже его. Контент А может занимать несколько экранов. Решение: Контенты располагаем в div'ах. Значение z-индекса div'а контента А больше, чем z-индекса div'а контента Б. Div'у контента А назначается непрозрачный фон. Div контента Б фиксируем внизу экрана. В коде div контента Б располагаем перед div'ом контента А. После div'а контента А переводом строки устанавливаем необходимую высоту для полного отображения контента Б. Вроде работает. Любопытно, какие еще можно придумать решения. |
Зачем так сложно???
достаточно float:right двух блоков чтобы на одном визуальном уровне светились куски текста из начала и конца HTML кода. http://arda.su/ - не заглядывая в исходник страницы - сможете по визуальной картинке сказать, в каком порядке в HTML коде идут хотя бы: - заголовок первого уровня - дискография - история сайта - список годов - социальные кнопки ? Добавлено через 12 минут ...и не выделяя текст курсором. :) Добавлено через 2 минуты ...и не запрещая совсем стилей для отображения страницы. :) |
Цитата:
Если у Вас есть к такому условию более изящное решение, с интересом с ним ознакомлюсь. |
Цитата:
Я всё-таки считаю, что это уже перфекционизм. В конце концов ничто не мешает выводить ссылки внизу под левым меню-навигатором, а не под основным текстом. По "html потоку" они окажутся выше текста. Добавлено через 4 минуты И что вам мешает менять местами блоки яваскриптом, кстати? |
Цитата:
Мне этот метод не нравится тем, что текст ссылок не "вытянется" снизу, как предыдущий контент, а откроется как будто из-за занавеса. Хотя с 1-2 строчками это вряд ли будет заметно. Цитата:
Цитата:
|
Цитата:
Код:
<div id='upper'>upper</div> Код:
<div id='empty'>lower</div> |
Часовой пояс GMT +3, время: 17:08. |
Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.