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

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

Ver/o/nika
Keep calm and F*CK'EM ALL.
Добрый день!

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

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




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

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

Комментарии
2017-07-11 в 21:20 

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

2017-07-11 в 21:23 

Ver/o/nika
Keep calm and F*CK'EM ALL.
~Erika, спасибо!
в коде выглядеть будет так?

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

2017-07-11 в 21:42 

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

2017-07-11 в 21:43 

Ver/o/nika
Keep calm and F*CK'EM ALL.
2017-07-13 в 09:02 

Ver/o/nika
Keep calm and F*CK'EM ALL.
...извините меня, я тупая :facepalm:
А в какое место кода надо вставлять? Я, правда, не разбираюсь, просто беру CSS с соответствующих сообществ :weep:
Но я попробовала вставить в код дизайна с первого скрина, и ноль эффекта :weep3:

2017-07-13 в 09:40 

~Erika
Winter is coming...
Ver/o/nika, что именно Вы вставляли в код? 20px там стоит изначально, чтобы убрать это - надо написать
#codebuttons a img {height: auto;}

2017-07-13 в 09:43 

Ver/o/nika
Keep calm and F*CK'EM ALL.
~Erika, изначально в коде у меня не было значения #codebuttons в принципе. Попробовала вставить как выше написали, но эффекта не произвело :nope:


2017-07-13 в 09:44 

Ver/o/nika
Keep calm and F*CK'EM ALL.
Может, я куда-то не туда вставляю, я не знаю :facepalm: Не в тот блок, не в ту строчку :crznope:

2017-07-13 в 13:38 

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

2017-07-13 в 15:00 

Ver/o/nika
Keep calm and F*CK'EM ALL.
~Erika, так мне надо, чтобы они ресайзились под 20 пикселей, а вы выше писали, что авто - это оригинальная высота, не? Уберите его - и картинки будут иметь свою оригинальную высоту.

2017-07-13 в 15:00 

Ver/o/nika
Keep calm and F*CK'EM ALL.
мне надо, чтобы было так:
img-fotki.yandex.ru/get/6109/35083719.e7/0_eb3c...

2017-07-13 в 15:49 

~Erika
Winter is coming...
Ver/o/nika, так они изначально ресайзятся под 20px, потому что в css коде дайрей так написано.
Вы пытаетесь изменить готовый дизайн или написать свой с нуля? В первом случае Вам надо найти в коде дизайна строку #codebuttons a img и написать туда height: 20px. Во втором случае вообще ничего делать не надо, так они изначально будут иметь высоту 20px.
Если не получается - давайте код, я найду, где там чего задаётся и почему не работает.

2017-07-13 в 15:50 

~Erika
Winter is coming...
Ver/o/nika, так они изначально ресайзятся под 20px, потому что в css коде дайрей так написано.
Вы пытаетесь изменить готовый дизайн или написать свой с нуля? В первом случае Вам надо найти в коде дизайна строку #codebuttons a img и написать туда height: 20px. Во втором случае вообще ничего делать не надо, так как они изначально будут иметь высоту 20px.
Если не получается - давайте код, я найду, где там чего задаётся и почему не работает.

2017-07-13 в 15:50 

Ver/o/nika
Keep calm and F*CK'EM ALL.
~Erika, поиском по коду не нашла( код готовый, я пришлю в умыл?

2017-07-13 в 15:51 

~Erika
Winter is coming...
Ver/o/nika, да, давайте.

2017-07-13 в 16:13 

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

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

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

главная