программирование html

12

Как установить ширину и высоту изображения, не растягивая его?

Если у меня есть: #logo { width: 400px; height: 200px; } тогда <img id="logo" src="logo.jpg"/> растянется, чтобы заполнить это пространство. Я хочу, чтобы изображение оставалось того же размера, но занимало столько места в DOM. Мне нужно добавить инкапсулирующий <div>или <span>? Ненавижу добавлять разметку для стилизации.

88 html css

17

Как установить фокус на первый элемент ввода в форме HTML независимо от идентификатора?

Есть ли простой способ установить фокус (курсор ввода) веб-страницы на первом элементе ввода (текстовое поле, раскрывающийся список, ...) при загрузке страницы без необходимости знать идентификатор элемента? Я хотел бы реализовать его как общий сценарий для всех моих страниц / форм моего веб-приложения.

88 javascript html forms focus

9

Как получить старое значение с событием onchange () в текстовом поле

У меня есть текстовое поле и значение, указанное в нем при загрузке страницы. Теперь, если пользователь меняет что-либо в текстовом поле, я хочу получить измененное значение (новое значение) и старое значение, но когда я делаю ELEMENT.value, он дает только измененное значение какие-нибудь предложения получить старую стоимость? ниже мой код <head> …

88 javascript html validation

6

Заполнение строки таблицы

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

88 html css html-table row padding

12

Могу ли я отключить сглаживание для элемента HTML <canvas>?

Я играю с <canvas> элементом, рисую линии и тому подобное. Я заметил, что мои диагональные линии сглажены. Я бы предпочел неровный вид того, что я делаю - есть ли способ отключить эту функцию?

88 javascript html canvas antialiasing

12

Событие триггера, когда пользователь переходит к определенному элементу - с помощью jQuery

У меня h1 находится далеко на странице .. <h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1> и я хочу вызвать предупреждение, когда пользователь прокручивает до h1 или видит его в браузере. $('#scroll-to').scroll(function() { alert('you have scrolled to the h1!'); }); Как мне это сделать?

88 javascript jquery html scroll scrollto

6

Выбор класса css с помощью xpath

Я хочу выбрать только класс с именем .date По какой-то причине я не могу заставить это работать. Если кто-нибудь знает, что не так с моим кодом, я был бы очень признателен. @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach …

87 php html xml xpath web

8

Как центрировать вкладки начальной загрузки twitter на странице?

Я использую twitter bootstrap для создания переключаемых вкладок. Вот css, который я использую: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Этот HTML-код правильно отображает вкладки, но смещен влево (что и должно было случиться). Я попытался повозиться с CSS, …

87 html css twitter-bootstrap

9

Два встроенных блочных элемента шириной 50% каждый не помещаются бок о бок в один ряд

<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Приведенный выше код пытается разместить div #left и …

87 html css

4

Переключите переключатель HTML, щелкнув его метку

Есть ли простой способ переключить переключатель - при нажатии на текст рядом с ним - без добавления какой-либо большой Javascript Framework в мой маленький проект PHP? Веб-форма выглядит так: <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br …

87 javascript html radio-button

13

Создание эффекта масштабирования изображения при наведении с помощью CSS?

В настоящее время я пытаюсь создать эффект масштабирования при наведении курсора на одно из четырех моих изображений. Проблема в том, что в большинстве примеров обычно используются таблицы или блоки масок для применения какого-либо эффекта. Вот один пример , который реализует то , что я хотел бы это . Это мой …

87 html class css

6

Щелкните текст, чтобы выбрать соответствующий переключатель

Я создаю веб-приложение викторины с использованием PHP. Каждый вопрос состоит из отдельных <label>и имеет 4 возможных варианта radio buttonsответа , которые позволяют пользователю выбрать свой ответ. Текущий HTML-код для одного вопроса выглядит так: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" …

87 html css forms input radio-button

3

это автофокус = «автофокус» или автофокус?

Кажется, я припоминаю, что большинство (возможно, все) атрибутов в предыдущих версиях HTML (до HTML5) требовали, чтобы атрибуты имели значения, например readonly="readonly". Верно ли это для HTML5 и autofocusатрибута?

87 html autofocus

1

В теги тела добавлен странный iframe под названием `rufous-sandbox`

Я работаю над локальным сайтом WordPress, и по какой-то причине iframeсразу после открывающего bodyтега добавлен тег, который заставляет тело опускаться примерно на 20 пикселей. При поиске Google вернул только 1 релевантный результат, и то, что я там прочитал, не помогло. Его можно найти здесь . На сайте WordPress не установлены …

87 html wordpress

7

В чем разница между разными методами помещения кода JavaScript в <a>?

Я видел следующие методы помещения кода JavaScript в <a>тег: function DoSomething() { ... return false; } <a href="javascript:;" onClick="return DoSomething();">link</a> <a href="javascript:DoSomething();">link</a> <a href="javascript:void(0);" onClick="return DoSomething();">link</a> <a href="#" onClick="return DoSomething();">link</a> Я понимаю идею попытки поместить действительный URL-адрес вместо простого кода JavaScript, на всякий случай, если у пользователя не включен JavaScript. …

87 javascript html href

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