Микроконтролери и електроника
http://mcu-bg.com/mcu_site/

проблем с CSS на форума
http://mcu-bg.com/mcu_site/viewtopic.php?f=6&t=14435
Страница 1 от 1

Автор:  vstoykov [ Съб Мар 12, 2016 6:49 pm ]
Заглавие:  проблем с CSS на форума

Когато някой пусне широко изображение и ширината на текста нараства - текстът става по-широк от прозореца на бразузъра.

Решението е добавянето на това в CSS:

Код:
div.attachcontent img {
max-width: 430px;
}


div.postbody img {
max-width: 480px;
}


Това свива ширината на изображенията до 430 или 480 пиксела.

Може да редактирате файла userContent.css на вашия браузър (трябва да му намерите къде си пази настройките, да създадете директория chrome и да създадете текстов файл).

Ето примерно съдържание:

Код:
@-moz-document domain(mcu-bg.com) {

div.attachcontent img {
max-width: 430px;
}


div.postbody img {
max-width: 480px;
}


}


Браузърът трябва да се рестартира за да влязат в сила настройките.

Друг вариант на настройките:

Код:
@-moz-document domain("mcu-bg.com") {

.block-start .tablebg {
width: 600px !important;
}


div.attachcontent img {
max-width: 430px !important;
}


div.postbody img {
max-width: 480px !important;
}


}


Прикачени файлове:
Коментар на файл: След
browser2.png
browser2.png [ 387.28 KiB | Прегледано 2009 пъти ]
Коментар на файл: Преди
browser-1.png
browser-1.png [ 327.06 KiB | Прегледано 2009 пъти ]

Страница 1 от 1 Часовете са според зоната UTC + 2 часа [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/