Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> чёрно-белый фон: задача выводить текст 
:(
    Опции темы
Gold Dragon
Дата 29.1.2013, 21:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Задача в следующем.. Есть страница, поделена ровно пополам, допустим левая часть белая, правая - чёрная... 
Как выводить тест чтобы на чёрном фоне он был белый на белом - чёрный
Есть какие-нибудь мысли?


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 29.1.2013, 22:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



  • Выводить серым?
  • Выводить серым с белой тенью? Для IE можно выводить в 2 слоя с одинаковым содержимым и сдвинутыми на пару пикселей вниз-вбок.
  • поместить 2 одинаковых текстовых блока доин над другим. Один будет обрезан с помощью css:clip так, чтобы видимая часть располагалась на белом фоне. Второй обрезан так, чтобы он был на черном. Цвета текста подобрать правильные. Заполнять текстом синхронно оба слоя.



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
ksnk
Дата 29.1.2013, 23:25 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Чем то зацепила задачка smile
http://jsfiddle.net/BfQph/
Правда вся разметка на абсолютных слоях, к тому-же clip понимает только абсолютные пиксели для обрезки, проценты не понимает ...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 30.1.2013, 06:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Цитата(ksnk @  29.1.2013,  23:01 Найти цитируемый пост)
поместить 2 одинаковых текстовых блока доин над другим. Один будет обрезан с помощью css:clip так, чтобы видимая часть располагалась на белом фоне. Второй обрезан так, чтобы он был на черном. Цвета текста подобрать правильные. Заполнять текстом синхронно оба слоя.
Вот я об этом думал.. НО(!)
1. Это хорошо когда текста всё таки мало (хотя у меня должно бить не больше 2-3 абзацев)
2. Что про это будут думать пауки?

Добавлено через 3 минуты и 25 секунд
3. Пока не понял как решить проблему с абсолютным позиционированием...


ksnk, ты суть точно уловил. Я именно это и хочу получить


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 30.1.2013, 07:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(Gold Dragon @  30.1.2013,  06:34 Найти цитируемый пост)
Что про это будут думать пауки?

Дважды повторенный текст не особенно приветствуется, но, вроде и не является преступлением. К тому-же можно "выкинуть" второй блок из индексирования тегом <noindex>. 

clip - это очень жесткая конструкция и требует абсолютного позиционирования, так что не знаю как его победить.

Как сделать тоже без clip - не представляю.

Цитата(Gold Dragon @  30.1.2013,  06:34 Найти цитируемый пост)
не больше 2-3 абзацев

Проблемы будут , если появится скроллер.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 30.1.2013, 07:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



Да, видимо это единственное решение.. Я с чем только не игрался... ничего не вышло..
одно радует, что это поддерживает Осёл smile


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0509 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.