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

[Ver/o/nika]

Добрый день!

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

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

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

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

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

Comments

[~Erika]

Ver/o/nika,

Есть какая-то строчка в CSS, которая за это отвечает?

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

[Ver/o/nika]

~Erika, спасибо!
в коде выглядеть будет так?

#codebuttons a img height: 20px;

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

[феникс периода полураспада]

Ver/o/nika,

#codebuttons a img {height: 20px;}

[Ver/o/nika]

феникс периода полураспада, спасибо)

[Ver/o/nika]

...извините меня, я тупая
А в какое место кода надо вставлять? Я, правда, не разбираюсь, просто беру CSS с соответствующих сообществ
Но я попробовала вставить в код дизайна с первого скрина, и ноль эффекта

[~Erika]

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

[Ver/o/nika]

~Erika, изначально в коде у меня не было значения #codebuttons в принципе. Попробовала вставить как выше написали, но эффекта не произвело

#codebuttons a img {height: 20px;}

[Ver/o/nika]

Может, я куда-то не туда вставляю, я не знаю Не в тот блок, не в ту строчку

[~Erika]

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

[Ver/o/nika]

~Erika, так мне надо, чтобы они ресайзились под 20 пикселей, а вы выше писали, что авто - это оригинальная высота, не?

Уберите его - и картинки будут иметь свою оригинальную высоту.

[Ver/o/nika]

мне надо, чтобы было так:
img-fotki.yandex.ru/get/6109/35083719.e7/0_eb3c...

[~Erika]

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

[~Erika]

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

[Ver/o/nika]

~Erika, поиском по коду не нашла( код готовый, я пришлю в умыл?

[~Erika]

Ver/o/nika, да, давайте.

[~Erika]

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