вторник, 11 июля 2017
19:07

настраиваемые кнопки

все записи пользователя в сообществе Ver/o/nika
Негосударство- образующая.
Добрый день!

Вопрос следующий:
подскажите, пожалуйста, от чего зависит размер отображаемых настраиваемых кнопок?

В некоторых CSS отображаются одинакового размера, в некоторых - разного (оригинального =) )

Под катом полноразмерные примеры

Есть какая-то строчка в CSS, которая за это отвечает?
Или почему вообще так происходит?

@темы: текст, diaryCSS, платный сервис

URL
Комментарии
11.07.2017 в 21:20

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, Есть какая-то строчка в CSS, которая за это отвечает?
Есть. Это #codebuttons a img. Этому селектору задаётся свойство height: 20px; которое ресайзит все картинки до 20px в высоту (ширина считается автоматически, чтобы картинка сохраняла пропорции). Уберите его - и картинки будут иметь свою оригинальную высоту. Или можно задать max-height для совсем больших картинок, а маленькие будут оригинального размера.
URL
11.07.2017 в 21:23

Ver/o/nika
Негосударство- образующая.
~Erika, спасибо!
в коде выглядеть будет так?

Я не очень хорошо разбираюсь в CSS, простите, если вопрос глупо звучит :shy:
URL
11.07.2017 в 21:42

феникс периода полураспада
Нет, я не безумец, мне и так хорошо(с) Репутация – это то, что о тебе знают другие. А честь – это то, что знаешь о себе ты сам.(с)
Ver/o/nika,

URL
11.07.2017 в 21:43

Ver/o/nika
Негосударство- образующая.
URL
13.07.2017 в 09:02

Ver/o/nika
Негосударство- образующая.
...извините меня, я тупая :facepalm:
А в какое место кода надо вставлять? Я, правда, не разбираюсь, просто беру CSS с соответствующих сообществ :weep:
Но я попробовала вставить в код дизайна с первого скрина, и ноль эффекта :weep3:
URL
13.07.2017 в 09:40

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, что именно Вы вставляли в код? 20px там стоит изначально, чтобы убрать это - надо написать
#codebuttons a img {height: auto;}
URL
13.07.2017 в 09:43

Ver/o/nika
Негосударство- образующая.
~Erika, изначально в коде у меня не было значения #codebuttons в принципе. Попробовала вставить как выше написали, но эффекта не произвело :nope:


URL
13.07.2017 в 09:44

Ver/o/nika
Негосударство- образующая.
Может, я куда-то не туда вставляю, я не знаю :facepalm: Не в тот блок, не в ту строчку :crznope:
URL
13.07.2017 в 13:38

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, я же пишу - 20 px там стоит изначально. Надо не 20px вставлять, а auto. Если Вы напишете #codebuttons a img {height: 20px;} - ничего и не изменится, так как Вы только продублируете то, что там итак написано. Пишите #codebuttons a img {height: auto;}.
URL
13.07.2017 в 15:00

Ver/o/nika
Негосударство- образующая.
~Erika, так мне надо, чтобы они ресайзились под 20 пикселей, а вы выше писали, что авто - это оригинальная высота, не? Уберите его - и картинки будут иметь свою оригинальную высоту.
URL
13.07.2017 в 15:00

Ver/o/nika
Негосударство- образующая.
мне надо, чтобы было так:
img-fotki.yandex.ru/get/6109/35083719.e7/0_eb3c...
URL
13.07.2017 в 15:49

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, так они изначально ресайзятся под 20px, потому что в css коде дайрей так написано.
Вы пытаетесь изменить готовый дизайн или написать свой с нуля? В первом случае Вам надо найти в коде дизайна строку #codebuttons a img и написать туда height: 20px. Во втором случае вообще ничего делать не надо, так они изначально будут иметь высоту 20px.
Если не получается - давайте код, я найду, где там чего задаётся и почему не работает.
URL
13.07.2017 в 15:50

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, так они изначально ресайзятся под 20px, потому что в css коде дайрей так написано.
Вы пытаетесь изменить готовый дизайн или написать свой с нуля? В первом случае Вам надо найти в коде дизайна строку #codebuttons a img и написать туда height: 20px. Во втором случае вообще ничего делать не надо, так как они изначально будут иметь высоту 20px.
Если не получается - давайте код, я найду, где там чего задаётся и почему не работает.
URL
13.07.2017 в 15:50

Ver/o/nika
Негосударство- образующая.
~Erika, поиском по коду не нашла( код готовый, я пришлю в умыл?
URL
13.07.2017 в 15:51

~Erika
Победа! Честь! Судьба! Баранина!
Ver/o/nika, да, давайте.
URL
13.07.2017 в 16:13

~Erika
Победа! Честь! Судьба! Баранина!
Разобрались.
Проблема возникала из-за строчки img{max-width:400px !important; max-height:auto !important; height:auto !important;}
Чтобы это перебить, можно написать #codebuttons a img {height: 20px !important;} и всё заработает.
URL