Ознакомьтесь с нашей политикой обработки персональных данных
19:26 

Вставить цитату

Элья Бронски
Аффтар-садист!~ *вышел вакно*
Разбираюсь в css (в основном, методом проб и ошибок, поскольку все, что когда-то учила в вузе на эту тему, забыла напрочь, увы).
Столкнулась с непонятным мне поведением кода, подскажите, что я делаю не так и куда копать.
Это оформление цитат в постах\коментах. Код пока честно уволокла из тьюториала как раз-таки по цсс (на просторах дайри), просто так насильно в пост в виде div прекрасно впихивается и работает (первая картинка - это именно так, в отдельном посте, а не через цсс для всего дневника)
надо примерно так
Хотя, конечно, такие адские отступы мне не нужны от окружения цитаты (другого текста, то бишь).
а получается так
Тут словно бы текст в виде ленты изгибается и ложится по направлению "к смотрящему", частично перекрывая окружающее.
Подскажите, пожалуйста, что подправить, чтобы приблизить к тому, что на 1й картинке?

Заранее благодарю.

@темы: рамки и полоски

Комментарии
2017-03-01 в 21:13 

Aurus
Сделай то, что хочется сделать, спой то, что хочется спеть
Элья Бронски, не уверена, насколько это поможет, но, во-первых, попробуйте в text-align знак равно заменить на двоеточие, а во-вторых - убрать кавычку перед закрывающей скобкой в конце, она там точно не нужна )

2017-03-01 в 21:24 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
Aurus, благодарю. с т.з. чистоты и грамотности кода, вы правы, конечно, я что-то проглядела это дело). Однако по существу вопроса, увы, "не прокатило" (©тарый анекдот).
Видимо, загвоздка еще где-то. либо там конфликт с другими частями кода. Буду еще копаться.

2017-03-01 в 21:37 

Aurus
Сделай то, что хочется сделать, спой то, что хочется спеть
Элья Бронски, да не за что, иногда просто такие мелочи ускользают от взгляда, и никогда не знаешь, как они повлияют на отображение) жаль, что не помогло; тогда другая идея - попробуйте добавить "display: block;", я сейчас проверила, по идее, должно заработать правильно )

2017-03-01 в 21:42 

~Erika
Winter is coming...
Элья Бронски, добавьте следующий код:


2017-03-01 в 21:45 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
Aurus, я думаю, там все ж таки конфликт с остальным кодом, потому что у меня пока костылики рассыпаны там и тут - брала диз из каталога, а теперь вписываю в "юзер-цсс" посредством атрибута "!импортант" всякую всячину, переделывающую куски каталожного кода). пока еще не готова писать "с чистого листа" весь дизайн, надо сначала разобраться в конкретике.
Но и это тоже попробую)), благодарю еще раз.

2017-03-01 в 21:46 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
~Erika, спасибочки, попробую

2017-03-01 в 21:47 

~Erika
Winter is coming...
Не заметила комментария Aurus)) Так тоже можно. Либо display: block для .quote_text, либо все эти свойства писать для .blockquote.

2017-03-01 в 21:53 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
~Erika, что-то все ж таки не клеится: ваш вариант вообще не действует(. А вот если вместо blockquote ставлю quote_text, получается ровно тоже, как на моей второй картинке (которая "как не надо"). Мистика.
Попробую display: block впихнуть. Бедные ПЧ, если там кто-то пробегает в эти моменты))

2017-03-01 в 21:57 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
UPD Ура! Сработал "костыль" display: block. Спасибо за подсказки.
в итоге так теперь:

На !important внимания не обращайте, в противном случае, половина желаемого не работает, из-за конфликта с примененным каталожным дизайном.

2017-03-01 в 22:01 

~Erika
Winter is coming...
Элья Бронски, в Вашем же дневнике пробовала, работало))
В любом случае, хорошо, что всё получилось))

2017-03-01 в 22:07 

Элья Бронски
Аффтар-садист!~ *вышел вакно*
~Erika, говорю же - мистика)). Главное, сработало в итоге)). Осталось набраться смелости и написать нормальный код начисто, без костыликов, налепленных на чужие творения). Еще раз спасибо.

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная