Старый 19.04.2017, 01:26   #1
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 502
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию Долгая дорога в HTML: выше по коду, ниже визуально

В 13-ом, кажется, году биржа ввела проверку расположения "ссылки в подвале". Подвал определяется исключительно по выводу ссылок в коде страницы. Если в последних 20 (или 30) процентах кода - значит в подвале.

В обсуждении новой опции проскальзывала мысль разместить код в начале страницы, а выводить в конце. Но алгоритм не обсуждался. Советовали использовать java-script. Мне это было не нужно, посему не заморачивался.

На днях вспомнилось и решение само пришло в голову. Если кому-то еще надо, вот алгоритм:

Необходимо: расположить контент Б в коде страницы выше контента А, а визуально вывести в браузере ниже его. Контент А может занимать несколько экранов.

Решение:

Контенты располагаем в div'ах. Значение z-индекса div'а контента А больше, чем z-индекса div'а контента Б. Div'у контента А назначается непрозрачный фон. Div контента Б фиксируем внизу экрана.

В коде div контента Б располагаем перед div'ом контента А. После div'а контента А переводом строки устанавливаем необходимую высоту для полного отображения контента Б.

Вроде работает. Любопытно, какие еще можно придумать решения.
SergejF вне форума   Ответить с цитированием
Старый 21.04.2017, 17:34   #2
Мастер
 
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 194
qkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущее
По умолчанию

Зачем так сложно???
достаточно float:right двух блоков чтобы на одном визуальном уровне светились куски текста из начала и конца HTML кода.

http://arda.su/ - не заглядывая в исходник страницы - сможете по визуальной картинке сказать, в каком порядке в HTML коде идут хотя бы:
- заголовок первого уровня
- дискография
- история сайта
- список годов
- социальные кнопки

?

Добавлено через 12 минут
...и не выделяя текст курсором.

Добавлено через 2 минуты
...и не запрещая совсем стилей для отображения страницы.

Последний раз редактировалось qkowlew; 21.04.2017 в 17:34. Причина: Добавлено сообщение
qkowlew вне форума   Ответить с цитированием
Старый 29.04.2017, 20:01   #3
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 502
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от qkowlew Посмотреть сообщение
Зачем так сложно???
достаточно float:right двух блоков чтобы на одном визуальном уровне
Я, наверно, не совсем ясно изложил условие обсуждавшейся задачи. Предполагалось выводить ссылки не сбоку, а после основного контента. "В футере".

Если у Вас есть к такому условию более изящное решение, с интересом с ним ознакомлюсь.
SergejF вне форума   Ответить с цитированием
Старый 01.05.2017, 21:21   #4
Мастер
 
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 194
qkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущее
По умолчанию

Цитата:
Сообщение от SergejF Посмотреть сообщение
Я, наверно, не совсем ясно изложил условие обсуждавшейся задачи. Предполагалось выводить ссылки не сбоку, а после основного контента. "В футере".
А. При столь жёстком условии изящного, минималистического "только стилями" решения не получается.

Я всё-таки считаю, что это уже перфекционизм.
В конце концов ничто не мешает выводить ссылки внизу под левым меню-навигатором, а не под основным текстом. По "html потоку" они окажутся выше текста.

Добавлено через 4 минуты
И что вам мешает менять местами блоки яваскриптом, кстати?

Последний раз редактировалось qkowlew; 01.05.2017 в 21:21. Причина: Добавлено сообщение
qkowlew вне форума   Ответить с цитированием
Старый 31.05.2017, 16:49   #5
Эксперт
 
Аватар для SergejF
 
Регистрация: 17.02.2008
Адрес: Донецк, ДНР
Сообщений: 8,880
Вес репутации: 502
SergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущееSergejF - прекрасное будущее
По умолчанию

Цитата:
Сообщение от qkowlew Посмотреть сообщение
При столь жёстком условии изящного, минималистического "только стилями" решения не получается.
Полагаете, условие "вывести ссылки в футере" чересчур жестким? Собственно указанный в стартпосте метод - 4 строчки в css. 30-40 байт кода.

Мне этот метод не нравится тем, что текст ссылок не "вытянется" снизу, как предыдущий контент, а откроется как будто из-за занавеса. Хотя с 1-2 строчками это вряд ли будет заметно.


Цитата:
Сообщение от qkowlew Посмотреть сообщение
В конце концов ничто не мешает выводить ссылки внизу под левым меню-навигатором, а не под основным текстом.
Я могу назвать причины, которые этому мешают. Отсутствие этого самого левого меню-навигатора, например. ))


Цитата:
Сообщение от qkowlew Посмотреть сообщение
И что вам мешает менять местами блоки яваскриптом, кстати?
Можно пример кода?
SergejF вне форума   Ответить с цитированием
Старый 31.05.2017, 17:32   #6
Мастер
 
Регистрация: 17.07.2012
Адрес: Москва
Сообщений: 815
Вес репутации: 194
qkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущееqkowlew - прекрасное будущее
По умолчанию

Цитата:
Сообщение от SergejF Посмотреть сообщение
Можно пример кода?
Вот пример кода, в котором при выключенном яваскрипте порядок следования кусков текста 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>
qkowlew вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ссылки визуально недоступны 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, время: 12:58.