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

Моя мета - застосувати CSS на останньому li, але це не зробити. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Як я можу вибрати лише останню дитину?

106 css  css-selectors 

У мене є невелика своєрідна проблема, яку я зараз вирішую за допомогою table, дивіться нижче. В основному, я хочу, щоб два діви займали 100% доступної ширини, але займали лише стільки вертикального простору, скільки потрібно (що насправді не так очевидно з малюнка). Вони завжди повинні мати однакову висоту з невеликою лінією …

106 html  css  html-table 

Заблокований . Це питання та його відповіді заблоковано, оскільки це питання поза темою, але має історичне значення. Наразі він не приймає нових відповідей чи взаємодій. Читаючи на іншому форумі, я натрапив на світ CSS Frameworks. Я спеціально дивився на BluePrint . Мені було цікаво, чи хтось інший натрапив на рамки …

106 css  css-frameworks 

У мене таблиця зі 100% шириною. Якщо я покладу <td>в неї, вони вийдуть із стовпчиків однакової довжини. Однак я хочу, щоб усі стовпці, крім останнього, мали якомога меншу ширину, без обгортання тексту. Перше, що я зробив, це те, що я встановив width="1px"усі <td>, за винятком останнього (хоч і застарілого, але …

106 html  css  html-table 

Я намагався текст переходити у вертикальному напрямку, як ми можемо це робити у таблицях ms-word, але поки що мені вдалося зробити ЦЕ ... чим я не задоволений, тому що це поле обертається ... Хіба що ' t чи є спосіб мати фактичний текст вертикального напрямку? Я встановлюю лише обертання на …

106 html  css  text  vertical-alignment 

Як я можу зробити так, щоб елементи списку відображалися горизонтально підряд за допомогою CSS? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a …

106 html  css  html-lists 

У мене є список, і у лі є float:left;. Вміст після <ul>слід правильно вирівняти. Тому я можу побудувати наступне: http://jsfiddle.net/8unU8/ Я думав, що я можу видалити <div class="clear">за допомогою псевдоселекторів типу: після. Але приклад не працює: http://jsfiddle.net/EyNnk/ Чи завжди мені потрібно створити окремий роздільник, щоб очистити плаваючі елементи?

106 html  css 

Я хочу створити блок тексту на зразок наступного малюнка: Питання, чи можливо це?

106 html  css 

Я намагаюсь через інструменти для розробників Chrome переглянути, як підказки структуровані на сайті. Однак, навіть коли я навішується над елементом, коли я "перевіряю елемент", нічого не відображається для підказки в html. Я знаю, що можу встановити стиль :hover, але я все ще не бачу html або css підказки. Якісь ідеї?

106 html  css  hover  google-chrome-devtools 

Я трохи затримався на цьому і думав поділитися цим position: sticky+ flexbox gotcha: Мій липкий div працював нормально, поки я не переключив свій погляд на контейнер flex box, і раптом div не став липким, коли його загорнули у батьківський файл flexbox. .flexbox-wrapper { display: flex; height: 600px; } .regular { …

106 css  flexbox  css-position  sticky 

Я реалізував fancybox2 на сайті розробників. Коли я залучаю fancybox (натискаю посилання тощо), весь html зміщується за ним - і переходить до вершини. У мене це добре працює в іншій демонстрації, але коли я перетягую той самий код до цього проекту, він переходить на вершину. Не тільки з посиланнями на …

105 jquery  css  fancybox-2 

У мене в розділі "mapwrap" встановлено 400px x 400px, а всередині цього "map" Google "встановлено на 100% x 100%. Отже, карта завантажується в 400 х 400 пікселів, потім за допомогою JavaScript я змінюю розмір "перегляду карти" до 100% х 100% екрана - карта Google змінюється на весь екран, як я …

105 javascript  css  google-maps 

Чи можливо з CSS націлити всі входи залежно від їх типу? У мене клас інвалідів, який я використовую для різних відключених елементів форми, і я встановлюю колір фону для текстових полів, але я не хочу, щоб мої прапорці отримували цей колір. Я знаю, що можу це зробити з окремими класами, …

105 css  internet-explorer  css-selectors 

Як я можу приховати рядок таблиці HTML, <tr>щоб він не займав місця? У мене є кілька <tr>Сета до style="display:none;", але вони до сих пір впливають на розмір таблиці і межа таблиці відображає приховані рядки.

105 html  css  html-table 

Встановити вбудовані значення CSS легко за допомогою JavaScript. Якщо я хочу змінити ширину, і у мене є такий HTML: <div style="width: 10px"></div> Все, що мені потрібно зробити: document.getElementById('id').style.width = value; Це змінить значення таблиці вкладених стилів. Зазвичай це не проблема, оскільки стиль вбудованості перекриває таблицю стилів. Приклад: <style> #tId { …

105 javascript  html  css  ajax  dom