Вопросы с тегом «html»

Допустим, у меня есть этот HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> и этот CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Результат можно увидеть здесь: http://jsfiddle.net/YMN7U/1/ Теперь представьте, что …

202 html  css 

Как правильно сделать текст курсивом? Я видел следующие четыре подхода: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Это «старый путь». <i>не имеет смыслового значения и передает только презентационный эффект выделения текста курсивом. Насколько я вижу, это явно неправильно, потому что это не семантическое. <em> Это использует …

202 html  css  semantic-markup 

Мне просто любопытно, почему <center>тег в HTML устарел. Это <center>был простой способ быстрого выравнивания по центру блоков текста и изображений путем инкапсуляции контейнера в <center>тег, и я действительно не могу найти более простой способ сделать это сейчас. Кто-нибудь знает какой-нибудь простой способ о том, как центрировать «материал» (не « margin-left:auto; …

202 html  tags  center  deprecated 

Вот мой HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Я хочу сделать название продукта (то есть «Product1», «Product2» и т. Д.) Жирным, а его категории (например, электроника, спорт и т. Д.) Курсивом, используя только CSS. Я нашел старый вопрос, в котором говорилось, что невозможно …

202 html  css  drop-down-menu 

Я хочу, чтобы отобразить текст в 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>в а<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 

Я пытался стилизовать fieldsetэлемент с помощью display: flexи display: inline-flex. Тем не менее, это не сработало: flexвел себя как blockи inline-flexвел себя как inline-block. Это происходит как в Firefox, так и в Chrome, но странным образом это работает в IE. Это ошибка? Я не мог найти, что fieldsetдолжно иметь какое-то …

201 html  css  flexbox 

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

200 css  html 

У меня есть простая форма в моей renderфункции, например так: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } Что я должен написать в …

200 javascript  html  reactjs  frontend 

Какой лучший способ создать форму, которая выглядит следующим образом (см. Ссылку ниже) в Twitter-загрузчике без каких-либо домашних занятий? Можно ли установить внутреннюю форму внутри строки внутри формы, как показано ниже:

200 html  forms  twitter-bootstrap 

Я пытаюсь декодировать некоторые объекты HTML, такие как '<'становление '<'. У меня есть старый гем ( html_helpers ), но он, кажется, был заброшен дважды. Любые рекомендации? Мне нужно будет использовать его в модели.

200 html  ruby