Програмування css

17

$ (window) .width () не збігається з медіа-запитом

Я використовую Twitter Bootstrap для проекту. Крім стилів завантаження за замовчуванням, я також додав свої власні //My styles @media (max-width: 767px) { //CSS here } Я також використовую jQuery, щоб змінити порядок певних елементів на сторінці, коли ширина вікна перегляду менше 767 пікселів. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < …

186 jquery css twitter-bootstrap media-queries

8

Як перейти на верхню сторінку браузера

Я пишу модальне спливаюче вікно, і мені потрібен браузер, щоб перейти на верхню частину екрана, коли натиснути відкриту модальну кнопку. Чи є спосіб прокрутити браузер до верху за допомогою jQuery?

186 javascript jquery css modal-dialog

4

Текст обтікання кнопки завантаження кнопки Twitter

За все життя я не в змозі отримати ці кнопки завантажувального завантажувача для текстового обгортання на кілька рядків, вони виглядають так. Я не можу розміщувати зображення, тому це робиться ... [Це текст] Я хотів би, щоб це виглядало так [Це ] [текст кнопки] <div class="col-lg-3">  <div …

186 html css twitter-bootstrap web

7

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

Чи можливе таке використання за допомогою CSS та двох тегів вбудованого блоку (чи будь-яких інших) тегів DIV замість таблиці? Версія таблиці така (рамки додані, щоб ви могли бачити): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head></head> <body> <table style="width:100%;"> <tr> <td style="border:1px solid black;width:100px;height:10px;"></td> <td style="border:1px solid …

186 css layout fixed-width

6

Відносно розташуйте елемент, не займаючи місця в документообігу

Як я можу відносно розмістити елемент і чи він не займе місця в документообігу?

186 html css positioning css-position

7

Наведіть курсор і активно лише тоді, коли його не вимкнено

Я використовую наведення курсора , активного та відключеного для стилювання кнопок. Але проблема полягає у відключенні кнопки наведення курсора, а активні стилі все ще застосовуються. Як застосувати наведення та активацію лише на увімкнені кнопки?

186 css

5

Як зробити елементи флексокса однакового розміру?

Я хочу використовувати flexbox, який містить деяку кількість елементів, що мають однакову ширину. Я помітив, що flexbox розподіляє простір навколо рівномірно, а не сам простір. Наприклад: .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } <div class="header"> <div class="item">asdfasdfasdfasdfasdfasdf</div> <div class="item">z</div> </div> Виконати …

186 css flexbox

18

Як слова обгортати текст у HTML?

Як можна загортати текст, aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaякий перевищує ширину div(скажімо 200px)? Я відкритий для будь-якого рішення, такого як CSS, jQuery тощо.

185 html css word-wrap

16

Очистити значок всередині вхідного тексту

Чи є швидкий спосіб створити вхідний текстовий елемент із піктограмою праворуч, щоб очистити сам елемент введення (наприклад, поле пошуку Google)? Я озирнувся, але знайшов лише те, як поставити значок як фон вхідного елемента. Чи є плагін jQuery чи щось інше? Я хочу, щоб піктограма всередині елемента введення тексту була приблизно …

185 javascript jquery html css

12

Як змінити зображення кнопки введення за допомогою CSS?

Отже, я можу створити кнопку введення із зображенням, використовуючи <INPUT type="image" src="/images/Btn.PNG" value=""> Але я не можу отримати таку саму поведінку за допомогою CSS. Наприклад, я спробував <INPUT type="image" class="myButton" value=""> де "myButton" визначається у файлі CSS як .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; } …

184 css input-button-image

12

Застосовуйте стиль ТІЛЬКИ на IE

Ось мій блок CSS: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Я хочу лише, щоб IE 7, 8 і 9 "бачили" width: 100% Який найпростіший спосіб досягти цього?

184 css internet-explorer

8

Як я можу надіслати внутрішній <div> на дно його батьківського <div>?

Діл всередині іншого зображення дива та коду нижче. Тому що там будуть текст та зображення батьківського діва. І червоний div буде останнім елементом батьківського діла. <div style="width: 200px; height: 150px; border: 1px solid black;"> <div style="width: 100%; height: 50px; border: 1px solid red;"> </div> </div>

184 css html

6

Як я можу запобігти накладенню смуги прокрутки, що накладає вміст у IE10?

У IE10 смуга прокрутки не завжди є ... і коли вона з’являється, вона стає накладеною ... Це класна функція, але я хотів би вимкнути її для мого конкретного веб-сайту, оскільки це повноекранний додаток і мій логотипи та меню втрачаються за ним. IE10: ХРОМ: Хтось знає спосіб завжди встановити смугу прокрутки …

183 html css scrollbar internet-explorer-11 internet-explorer-10

14

Простіший спосіб створити роздільник кола, ніж використовувати зображення?

Мені цікаво, чи існує простіший спосіб створити кругові дзьоби, ніж те, що я зараз роблю. Наразі я просто створюю зображення для кожного різного розміру, але це прикро це робити. Чи є все-таки за допомогою CSS для створення divs, які кругові, і я можу вказати радіус?

183 html css geometry css-shapes

8

Горизонтальне центрування CSS нерухомого діва?

#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } Я знаю, що це питання мільйон разів, але я не можу знайти рішення своєї справи. У мене є div, який повинен бути зафіксований на екрані, навіть якщо сторінка …

183 html css centering

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