Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > чёрно-белый фон: задача выводить текст

Автор: Gold Dragon 29.1.2013, 21:50

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

Автор: ksnk 29.1.2013, 22:01

Выводить серым? Выводить серым с белой тенью? Для IE можно выводить в 2 слоя с одинаковым содержимым и сдвинутыми на пару пикселей вниз-вбок. поместить 2 одинаковых текстовых блока доин над другим. Один будет обрезан с помощью http://www.w3schools.com/cssref/pr_pos_clip.asp так, чтобы видимая часть располагалась на белом фоне. Второй обрезан так, чтобы он был на черном. Цвета текста подобрать правильные. Заполнять текстом синхронно оба слоя.

Автор: ksnk 29.1.2013, 23:25

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

Автор: Gold Dragon 30.1.2013, 06:34

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

Автор: ksnk 30.1.2013, 07:24

Цитата(Gold Dragon @  30.1.2013,  06:34 ) Что про это будут думать пауки? Дважды повторенный текст не особенно приветствуется, но, вроде и не является преступлением. К тому-же можно "выкинуть" второй блок из индексирования тегом <noindex>.  clip - это очень жесткая конструкция и требует абсолютного позиционирования, так что не знаю как его победить. Как сделать тоже без clip - не представляю. Цитата(Gold Dragon @  30.1.2013,  06:34 ) не больше 2-3 абзацев Проблемы будут , если появится скроллер.

Автор: Gold Dragon 30.1.2013, 07:56

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)