Запитання з тегом «css»

Насправді у мене є дві проблеми, але давайте вирішувати першочергове питання першим, оскільки я вважаю, що інше легше вирішити. У мене ліва частина вікна прокрутки для меню. Права сторона - це стандартний div, який правильно прокручується. Проблема полягає в тому, що коли порт перегляду браузера занадто малий, щоб побачити все …

150 javascript  css  scroll  overflow  css-position 

У мене є список статей. Код: <select> <option>male</option> <option>female</option> <option>others</option> </select> Я хочу використовувати зображення у випадаючому списку як спадний значок.jpeg. Я хочу додати кнопку замість значка, що випадає. Як це зробити?

150 html  css 

Розглянемо наступний приклад: ( демонстрація в прямому ефірі тут ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Вихід:, …

150 html  css  ellipsis 

Я хотів би стилізувати наступне: form.py: from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html: <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> Наприклад, як я поставив клас або ID для subject, email, messageщоб забезпечити зовнішню таблицю стилів?

150 css  django  django-forms 

Це помилка, яку я отримую в Chrome, і, на жаль, пошук не дав мені великих результатів. Сам шрифт відображається правильно. Однак я все одно отримую цю помилку / попередження. Більш конкретно, це повне попередження: "Не вдалося розшифрувати завантажений шрифт: http: // localhost: 8000 / app / fonts / Lato / …

149 css  html  fonts 

Я дуже хочу, щоб фрагмент тексту блимав стиль старої школи, не використовуючи JavaScript або прикраси тексту. Ніяких переходів, лише * блимати *, * блимати *, * мигати *! EDIT : Це відрізняється від цього питання, оскільки я прошу блимати без безперервних переходів, тоді як ОП з інших питань запитує, як …

149 html  css  css-animations  blink 

Я використовую елементи полотна html5 для зміни розміру зображень у своєму браузері. Виявляється, якість дуже низька. Я виявив це: вимкнути інтерполяцію, коли масштабувати <canvas>, але це не сприяє підвищенню якості. Нижче мій код css та js, а також зображення, розширене за допомогою Photoshop та масштабування в полотні API. Що мені …

149 javascript  css  html  canvas  html5-canvas 

CodePen: http://codepen.io/anon/pen/RPNpaP . Я хочу, щоб червоне поле було шириною лише 25 ем, коли воно розташоване поруч - я намагаюся досягти цього, встановивши CSS у цьому медіа-запиті: @media all and (min-width: 811px) {...} до: .flexbox .red { width: 25em; } Але коли я це роблю, це відбувається: http://i.imgur.com/niFBrwt.png Будь-яка ідея, …

149 html  css  flexbox 

Мені потрібно по центру вирівняти горизонтальне меню. Я спробував різні рішення, включаючи суміш inline-block// block/ center-alignтощо, але не досяг успіху. Ось мій код: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li> </ul> <!-- …

148 css  xhtml  menuitem 

З моменту переходу з макета TABLE на макет DIV залишається одна поширена проблема: ЗАДАЧА : ви заповнюєте свій DIV динамічним текстом, і неминуче є наддовге слово, яке розповсюджується на край вашої колонки div та робить ваш сайт непрофесійним. RETRO-WHINING : Цього ніколи не бувало з макетами таблиці. Комірка таблиці завжди …

148 css  layout  html 

У мене є невизначена кількість елементів комірок таблиці всередині контейнера таблиці. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Чи існує чистий CSS спосіб отримати комірки таблиці рівними по ширині, навіть якщо в них вміст різного розміру? Дякую. Редагувати: Максимальна ширина означає, що я думаю, скільки у вас є комірок?

148 html  css  html-table 

Я пишу сторінку, де мені потрібна таблиця HTML для підтримки заданого розміру. Мені потрібні заголовки вгорі таблиці, щоб вони постійно перебували там, але мені також потрібне тіло таблиці для прокрутки незалежно від того, скільки рядків додано до таблиці. Придумайте міні-версію excel. Це здається простим завданням, але майже кожне рішення, яке …

148 javascript  html  css  html-table 

Я хочу зосередити фонове зображення. Не використовується div, це стиль CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } Наведені вище фрагменти CSS і роблять їх по центру, але половина зображення не видно, вона просто рухається вгору. Я хочу зробити це зображення в центрі. Чи можу я прийняти зображення для перегляду навіть …

148 css 

Я просто натрапив на це питання і помітив, що користувач використовує деякі позначення, яких я ніколи не бачив: @font-face { /* CSS HERE */ } Так це @символ чогось нового в CSS3 чи щось старе, що я якось не помітив? Це щось на зразок де з ідентифікатором, який ви використовуєте …

148 css  syntax  symbols 

Мені потрібні круглі кути на батьківському діві, щоб замаскувати вміст його дитини. overflow: hiddenпрацює в простих ситуаціях, але відбувається перерва у веб-браузерах на базі веб-програм і Opera, коли батьківська позиція розташована відносно або абсолютно. Це працює в Firefox та IE9: CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: …

147 html  rounded-corners  css