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

Ось мій HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Я хочу, щоб назва продукту (наприклад, "Product1", "Product2" тощо) була виділена жирним шрифтом, а його категорії (наприклад, Електроніка, Спорт тощо) мали курсивний текст, використовуючи лише CSS. Я знайшов старе питання, в якому згадувалося, що неможливо …

202 html  css  drop-down-menu 

Я досить новачок у Angular2 і у мене є невелика проблема: У моєму вході-компоненті-HTML у мене є два прапорці, які я хочу пов'язувати двосторонніми прив'язками даних до типу Login-Component-TypeScript. Це HTML: <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> А це Component.ts: import { Component, OnInit } …

202 html  angular  typescript  checkbox  data-binding 

Я хочу вивести текст у HTML за допомогою функції javascript. Як я можу уникнути спеціальних символів html у JS? Чи є API?

202 javascript  html 

Я впевнений, що тут є просте рішення цієї проблеми. Якщо я маю два стовпчики, як я можу додати пробіл між ними? наприклад, якщо HTML: <div class="col-md-6"></div> <div class="col-md-6"></div> Вихід буде просто двома стовпцями поруч один з одним, займаючи всю ширину сторінки. Скажіть, ширина була встановлена, щоб 1000pxтоді кожен дів був …

202 html  css  twitter-bootstrap-3  grid-layout 

Як змінити вказівник курсору на руку, коли миша переходить <tr>на a<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Мені потрібно змусити це зображення розтягнутись до максимально можливого розміру, не переповнюючи його <div>чи перекошуючи зображення. Я не можу передбачити співвідношення сторін зображення, тому немає способу дізнатися, чи потрібно використовувати: <img src="url" style="width: 100%;"> або <img src="url" style="height: 100%;"> Я не можу використовувати обидва (тобто style = "width: 100%; висота: …

201 image  html  size 

Чи може впорядкований список створювати результати, схожі на 1.1, 1.2, 1.3 (замість лише 1, 2, 3, ...) за допомогою CSS? Поки що використання використовує list-style-type:decimalлише 1, 2, 3, а не 1,1, 1,2., 1,3.

201 html  css 

У мене є сторінка, що складається з різних "розділів", таких як відеоролики, стрічка новин тощо. Я трохи заплутався, як їх представити з HTML5. В даний час я маю їх як HTML5 <section>, але при подальшому огляді виглядає, що правильнішим би тег був би <article>. Чи може хтось пролити на це …

201 html  markup 

Чи можна створити список (кулі, пронумеровані чи ні) всередині таблиці розмітки. Таблиця виглядає так: | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | …

201 html  markdown  github-flavored-markdown 

У мене є такий шаблон: <div> <span>{{aVariable}}</span> </div> і хотілося б закінчити: <div "let a = aVariable"> <span>{{a}}</span> </div> Чи є спосіб це зробити?

201 html  angular 

У мене є контейнер div і визначив його стиль таким чином: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Це дає мені як горизонтальну, так і вертикальну смуги прокрутки автоматично, коли я заповнюю свою таблицю, яка міститься в цьому розділі. Я просто хочу, щоб автоматично відображалися лише горизонтальні смуги прокрутки. …

200 css  html 

Я намагаюся розшифрувати деякі HTML-об'єкти, наприклад, '<'стати '<'. У мене є старий дорогоцінний камінь ( html_helpers ), але він, здається, був кинутий двічі. Будь-які рекомендації? Мені потрібно буде використовувати його в моделі.

200 html  ruby 

Я намагався стилізувати fieldsetелемент з display: flexі display: inline-flex. Однак не вийшло: flexповодився так block, як і inline-flexповодився inline-block. Це трапляється як у Firefox, так і в Chrome, але дивно це працює на IE. Це помилка? Я не міг знайти, що fieldsetповинно мати особливу поведінку, ні в специфікаціях HTML5, ні …

200 html  css  flexbox 

Якщо у мене є тег заголовка <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } і після цього у мене є абзац <p>stuff here</p>. Як я можу забезпечити використання CSS, що кожен <p>тег, який слід використовувати, h1.hc-reformповинен використовувати:clear:both; це було б: h1.hc-reform > p{ clear:both; } чомусь це не …

200 html  css  css-selectors  siblings 

Якщо припустити це: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Чому я нічого не бачу?

199 jquery  html  svg