Jump to content
  • 0

Вопрос о <textarea>


chest
 Share

Question

25 answers to this question

Recommended Posts

  • 0

а горизонтальная прокрутка появляется всегда или когда слово длинное шонипамищаецца?

Ничо, счас если Ленка еще чего выкинет, я придумаю. Она меня возбуждает. Жить не можем вместе, а боевой дух она мне поднимает. И бегает за мной, вот и на форуме зарегилась. А я с ней горы свернуть могу!

overflow-x:hidden попробуй, сработает? должно!

Link to comment
Share on other sites

  • 0

Какую-то вы хрень мутите!

Чтобы запретить растягивание для <textarea> надо задать ей max-width и max-height. Вот и все!

я так понимаю, что речь о специфическом поведении textarea в вебкитах.

Тогда Вантуз, как ни странно, прав.

  • Like 1
Link to comment
Share on other sites

  • 0

Вот еще вопрос!

Создал, я эту Тексареу... Задал ей параметры rows, в Мазиле, Експлорере, Хроме, отображает более-менее нормально, в Опере - растягивает блок ого-гошеньки. И еще, через стили задаю background: inherit; - тоже самое, в 3х нормально, в Опере - показывает Бэк белым...

Что делать????????????

на всякий случай исходники, если что и орфографию проверьте

<textarea rows="20" cols="90" class="plan" readonly></textarea>

textarea.plan {
background: inherit;
overflow: scroll;
overflow-x: hidden;
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #363636;
}

Link to comment
Share on other sites

  • 0
background: inherit; - вместо этого пиши цвет нормальный

Дело в том что <textatea> помещена таблицу с бекграундом-картинкой и нужно чтобы Текстареа была прозрачной.

1. Все размеры задавай через CSS

И опять-таки, ести в сss, в textarea.plan, пишу, что-то вроде

height: 500px;
width: 530px;

background: inherit - отключается во всех браузерах)

Edited by chest
  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy