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

Я хочу вивести один рядок тексту в браузер, який містить тег. Коли це відображається, здається, що DIV викликає новий рядок. Як я можу включити вміст у тег div у тому ж рядку - ось мій код. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> Я …

89 html  css 

Я намагаюся додати таблицю з пробілом між коміркою, оскільки колір фону клітинки білий, а колір фону таблиці синій, ви можете легко переконатися, що відступ і поля не працюють (я застосовую це до td), це лише додасть місця всередині комірки.

89 html  css 

У мене є форма з деякими текстовими полями, і я хочу розмістити курсор (автофокус) на першому текстовому полі форми, коли сторінка завантажується. Я хочу зробити це без використання JavaScript.

89 css  html 

imgз srcsetатрибутом виглядає як чудовий спосіб зробити чуйні зображення. Чи існує еквівалентний синтаксис, який працює у background-imageвластивості css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html  css  background-image  srcset 

Зараз я працюю над мобільною цільовою сторінкою компанії. Це справді базовий макет, але під заголовком є ​​зображення товару, яке завжди матиме 100% ширини (дизайн показує, що воно завжди йде від краю до краю). Залежно від ширини екрану висота зображення, очевидно, буде відповідно регулюватися. Спочатку я зробив це з img (із …

89 html  css  background-image  responsive  responsive-images 

Я намагаюся стилізувати цифри в упорядкованому списку, я хотів би додати колір фону, радіус межі та колір, щоб вони відповідали дизайну, з якого я працюю: Я думаю, це неможливо, і мені доведеться використовувати різні зображення для кожного числа, тобто ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Чи є простіше рішення?

89 html  css  html-lists  sprite 

ВИДАЛЕНО: Може, я повинен запитати, який селектор встановлює бічні відступи, коли екран зменшується до ширини нижче 480 пікселів? Я деякий час переглядав bootstrap-responsiveness.css, щоб знайти це, але, здається, ніщо на це не впливає. Оригінал Я в основному хочу видалити будь-які заповнення за замовчуванням або поля, встановлені для реагування на менші …

89 css  twitter-bootstrap  responsive-design  media-queries 

У мене 3 divелементи. 1-й divбільший (обгортання) і маєposition:relative; 2-й divпозиціонується абсолютним до 1-го divвідносного позиціонування (і входить до 1-го div) 3-й divміститься у 2-му, divа також має абсолютне позиціонування. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Чому 3-я divпозиція абсолютна до 2-ї div(що також є абсолютною позицією до …

89 html  css  css-position 

У чому різниця між статичним (за замовчуванням) і відносним позиціонуванням у CSS?

89 css  static  positioning  css-position 

У мене є HTML-таблиця з table-layout: fixedі td із заданою шириною. Стовпець все ще розширюється, щоб вмістити вміст тексту, який не містить пробілу. Чи є спосіб виправити це крім обгортання вмісту кожного td у div? Приклад: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> …

89 html  css 

Те, як w3schools формулює це, звучить однаково. Посилання на CSS W3Schools div + p Виділяє всі <p>елементи, які розміщуються відразу після <div>елементів div ~ p Виділяє кожен <p>елемент, якому передує <div>елемент Якщо <p>елемент знаходиться відразу після <div>елемента, чи не означає це, що <p>елементу передує <div>елемент? У будь-якому випадку, я шукаю …

89 css  css-selectors 

У мене є div, який матиме такий CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Тепер, як я можу зробити цей центр по центру? Я можу використовувати, margin-left: -450px; left: 50%;але це буде працювати лише тоді, коли екран> 900 пікселів. Після цього (коли вікно …

89 css  html  center 

Я знаю, що можу націлити елементи, які мають певний атрибут у CSS, наприклад: input[type=text] { font-family: Consolas; } Але чи можна націлити елементи, які мають атрибут будь-якого значення (крім нічого, тобто коли атрибут не був доданий до елемента)? Приблизно щось на зразок: a[rel=*] { color: red; } Який повинен націлюватись …

89 css  css-selectors 

Я намагаюся прив'язати src зображення в елементі, але, здається, це не працює. Я отримую "Недійсний вираз. Сформоване тіло функції: {backgroundImage: {url (image)}". У документації сказано використовувати "футляр для шашлику" або "футляр для верблюдів". <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Ось скрипка: https://jsfiddle.net/0dw9923f/2/

89 javascript  html  css  vue.js 

що -webkit-transform: translate3d(0,0,0); саме робить? Чи є у нього проблеми з продуктивністю? Чи слід просто застосовувати його до тіла або окремих елементів? Здається, це значно покращує події прокрутки. Дякую за урок!

89 html  css  webkit