19.04.2017, 01:26 | #1 |
Эксперт
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 503
|
Долгая дорога в HTML: выше по коду, ниже визуально
В 13-ом, кажется, году биржа ввела проверку расположения "ссылки в подвале". Подвал определяется исключительно по выводу ссылок в коде страницы. Если в последних 20 (или 30) процентах кода - значит в подвале.
В обсуждении новой опции проскальзывала мысль разместить код в начале страницы, а выводить в конце. Но алгоритм не обсуждался. Советовали использовать java-script. Мне это было не нужно, посему не заморачивался. На днях вспомнилось и решение само пришло в голову. Если кому-то еще надо, вот алгоритм: Необходимо: расположить контент Б в коде страницы выше контента А, а визуально вывести в браузере ниже его. Контент А может занимать несколько экранов. Решение: Контенты располагаем в div'ах. Значение z-индекса div'а контента А больше, чем z-индекса div'а контента Б. Div'у контента А назначается непрозрачный фон. Div контента Б фиксируем внизу экрана. В коде div контента Б располагаем перед div'ом контента А. После div'а контента А переводом строки устанавливаем необходимую высоту для полного отображения контента Б. Вроде работает. Любопытно, какие еще можно придумать решения. |
21.04.2017, 17:34 | #2 |
Мастер
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 195
|
Зачем так сложно???
достаточно float:right двух блоков чтобы на одном визуальном уровне светились куски текста из начала и конца HTML кода. http://arda.su/ - не заглядывая в исходник страницы - сможете по визуальной картинке сказать, в каком порядке в HTML коде идут хотя бы: - заголовок первого уровня - дискография - история сайта - список годов - социальные кнопки ? Добавлено через 12 минут ...и не выделяя текст курсором. Добавлено через 2 минуты ...и не запрещая совсем стилей для отображения страницы. Последний раз редактировалось qkowlew; 21.04.2017 в 17:34. Причина: Добавлено сообщение |
29.04.2017, 20:01 | #3 | |
Эксперт
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 503
|
Цитата:
Если у Вас есть к такому условию более изящное решение, с интересом с ним ознакомлюсь. |
|
01.05.2017, 21:21 | #4 | |
Мастер
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 195
|
Цитата:
Я всё-таки считаю, что это уже перфекционизм. В конце концов ничто не мешает выводить ссылки внизу под левым меню-навигатором, а не под основным текстом. По "html потоку" они окажутся выше текста. Добавлено через 4 минуты И что вам мешает менять местами блоки яваскриптом, кстати? Последний раз редактировалось qkowlew; 01.05.2017 в 21:21. Причина: Добавлено сообщение |
|
31.05.2017, 16:49 | #5 | ||
Эксперт
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 503
|
Цитата:
Мне этот метод не нравится тем, что текст ссылок не "вытянется" снизу, как предыдущий контент, а откроется как будто из-за занавеса. Хотя с 1-2 строчками это вряд ли будет заметно. Цитата:
Можно пример кода? |
||
31.05.2017, 17:32 | #6 |
Мастер
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 195
|
Вот пример кода, в котором при выключенном яваскрипте порядок следования кусков текста upper lower будет один, а при включённом - противоположный.
Код:
<div id='upper'>upper</div> <div id='lower'>lower</div> <script> ... keep=upper.innerHTML; upper.innerHTML=lower.innerHTML; lower.innerHTML=keep; </script> Код:
<div id='empty'>lower</div> <div id='upper'>upper</div> <div id='lower'></div> <script> ... lower.innerHTML=empty.innerHTML; empty.innerHTML=''; </script> |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
ссылки визуально недоступны | marusenko | Вопросы от новичков | 1 | 11.08.2011 09:26 |
Не вижу визуально ссылку | mediaplus | Вопросы от новичков | 1 | 03.02.2011 08:31 |
Это страшное слово «дорога»… (ФОТО) | stargorod | Курилка | 16 | 01.04.2009 18:28 |
Визуально скрыть ссылочки | zwolf | Вопросы от новичков | 2 | 03.04.2008 22:50 |
Постоянное увеличение цены за ссылку - прямая дорога в БАН! | mel | Пожелания пользователей системы | 38 | 11.05.2007 13:35 |
Часовой пояс GMT +3, время: 03:57.