Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
видимо, не тот доктайп
DOCTYPE - ЗЛО

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 21:57 12-08-2015
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня html5, соответственно стоит <!DOCTYPE html>, так что не спасает.
Есть варианты как сделать то что мне нужно, не оборачивая див в ссылку? Т.к. другого варианта я не вижу, т.к. не знаю почему скедитор или сам друпал сохраняет не то, что я прописываю (т.е. ему не нравится обернутый в ссылку див, хоть и используешь хтмл5).

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 00:36 13-08-2015
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Есть варианты как сделать то что мне нужно
-да, если освоить HTML то для таких сайтов-визиток можно обойтись и без CMS. А если добавить любой язык (напр. BASIC), то можно реализовать любой сервис от визитки до магазина.
 
Ну, если по-взрослому, то нам тут не видно, что пишите, как сохраняете. В общем, DOCTYPE и не может спасти. Даже если его совсем стереть или вписать несуществующий, то ничего не измениться.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 00:49 13-08-2015 | Исправлено: stupom, 02:16 04-12-2017
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
stupom
Ну и какого хрена ты тут лепишь рекламу? Какие в одно место еще сайты визитки в обсуждаемом вопросе? Один флейм и ничего более. Лучше просто помолчи, спасибо!

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 02:25 13-08-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Xrobak
http://ckeditor.com/forums/Support/CKEditor-wont-allow-inside
добавляют в конфиг ckeditor CKEDITOR.dtd.a.div = 1;
но это уже история для CKEditor (бывший FCKeditor)
и это больше напоминает о том, что поле редактирования (а в него, в зависимости от настроек ckeditor, могут и не идти вообще заголовки html кода - обрезает) работает в XHTML режиме.
или просто баг )

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 03:17 13-08-2015 | Исправлено: Mavrikii, 03:19 13-08-2015
dimka11gg

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Копирую css с другого сайта, после этого все смещается вправо ( страница увеличивается в ширине в два раза). Как это исправить?

Всего записей: 503 | Зарегистр. 15-06-2010 | Отправлено: 18:36 18-08-2015 | Исправлено: dimka11gg, 18:39 18-08-2015
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Как это исправить?
-не копировать то, содержание чего вам не понятно.
С уважением, ваш КО!

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 19:03 18-08-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
dimka11gg

Цитата:
Как это исправить?

ну нет тут телепатов, показывайте свое рукоделие.
 
stupom
вам не надоело еще флеймом заниматься?

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 19:58 18-08-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Не пойму, почему если сделать полупрозрачный фон, то остальные элементы, текст и картинки, на этом фоне делаются полупрозрачными, не сохраняют свои цвет и яркость?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 17:14 14-09-2015 | Исправлено: WONDROUS, 17:14 14-09-2015
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
сделать полупрозрачный фон

Возможно, вы сделали слой полупрозрачным, а не фон, или перепутали слои.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 17:21 14-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
смотря что и как делали. если делаете родителя прозрачным, то и всего его дети будут прозрачными.

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 17:47 14-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В одной программе есть расширение (*.js), делающее фон полупрозрачным:

Код:
addBackgroundStyle('opacity', '.bgr-opacity{opacity: 0.7; filter: alpha(Opacity=70);}');

 
Если же взять другой пример, с CSS и таким кодом, будет также, вместе с фоном и другое на нём будет полупрозрачным:

Код:
.bg-Header{
    background-image:url('img/Header.jpg');
    opacity: 0.7;
}

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 20:32 14-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
В одной программе есть расширение (*.js), делающее фон полупрозрачным

она делает, наверняка, аналогично тому, что приведено ниже. а там прозрачным делается не фон, а сам элемент и все, что в нем. полупрозрачный фон может быть только PNG картинка с альфа каналом.

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 20:34 14-09-2015 | Исправлено: Mavrikii, 20:35 14-09-2015
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Сейчас попробовал применить два расширения для прозрачности, фона и картинок. Фон и всё прочее на нём немного темнеют, а если применить только для вставленных картинок (JPG) работает, они становятся прозрачнее.
 
Хорошо, а возможно ли сделать так, чтобы только сама фоновая картинка (JPG) немного темнела, не обрабатывая её в редакторе? Или смысла нет?
 
И ещё, как правильно дописать к этому коду рамку/границу по периметру, белого цвета и, например, 3px толщиной?

Код:
addImageStyle('deep-shadow', '.img-deep-shadow{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.62);}');

 
Сразу извиняюсь, если что-то не то спрашиваю.

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 21:18 14-09-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
чтобы только сама фоновая картинка (JPG) немного темнела

JPG не поддерживает прозрачность, а значит нужно делать прозрачным элемент, который его содержит. это повлияет на его детей.
 

Цитата:
Сейчас попробовал применить два расширения для прозрачности

я не знаю что и как вы делали. PNG прозрачность требует обработки в граф редакторе.

Всего записей: 15023 | Зарегистр. 20-09-2014 | Отправлено: 21:30 14-09-2015
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Хорошо, а возможно ли сделать так, чтобы только сама фоновая картинка (JPG) немного темнела, не обрабатывая её в редакторе? Или смысла нет?

Можно. Например, наложив поверху ее слой и этот слой уже сделать темный с прозрачностью.
Первое попавшееся http://stackoverflow.com/questions/18322548/black-transparent-overlay-on-image-hover-with-only-css а если мало, то гугли - там есть готовое.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 02:03 15-09-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Приветствую,  
что то не могу никак в одном месте сайта с bootstrap применить img-responsive для картинок -  
вот в этом месте конкретно картинки логотипов что то никак не хотят уменьшаться в размере в зависимости от ширины экрана.
Что то мешает, или я что накосячил, найти не могу...

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 11:54 19-09-2015
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Weinaum, слишком большая страница сделанного сайта-визитки, разбираться лень.
В любом случае, если надо иметь размер в зависимости ширины родителя или предка - ставьте размер в процентах.
Зависимость от ширины экрана, CSS не устанавливает.
Можно делать для параметров клиента отдельные стили http://htmlbook.ru/css/value/media

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 12:06 19-09-2015 | Исправлено: stupom, 02:15 04-12-2017
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
вот в этом месте конкретно картинки логотипов что то никак не хотят уменьшаться в размере в зависимости от ширины экрана.

В эмуляторе моб устройства в хромовском дев тулс 2 логотипа уменьшены в размере и как и в десктопной версии умещаются в один ряд. Я не знаю что у вас не уменьшается.
Или все же вопрос некоректно поставлен вами?
 
Можете просто сделать чтобы логотип в моб версии был один в строку, т.е. занимал всю область по ширине, тогда будет практически респонсив. Делается это элементарно - в медиа запросе задайте для нужного li ширину 100%

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 14:00 19-09-2015
Weinaum



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Xrobak
да, действительно, в хроме все корректно, у меня ff основной браузер, вот в нем что то тупит...
up. справился вроде бы, добавил стиль для img в текущем классе width:100% и все выровнялось.

Всего записей: 2152 | Зарегистр. 18-06-2006 | Отправлено: 18:00 19-09-2015
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru