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

Я знаю, что это довольно простой вопрос, но я не могу понять его хоть убей. У меня есть две ссылки, к которым я применил фоновое изображение. Вот как это выглядит сейчас (извиняюсь за тень, всего лишь набросок кнопки): Однако я хочу, чтобы эти две кнопки были рядом. Я не могу …

127 css  html  alignment 

Обычно, когда мы хотим иметь несколько DIVsстрок подряд, мы бы использовали float: left, но теперь я обнаружил уловкуdisplay:inline-block Ссылка на пример здесь . Мне кажется, что display:inline-blockэто лучший способ align DIVsподряд, но есть ли недостатки? Почему этот подход менее популярен, чем floatтрюк?

127 css  css-float  html 

Я пытаюсь получить div с position:fixedвыровненным центром на моей странице. Мне всегда удавалось делать это с абсолютно позиционированными div, используя этот "прием" left: 50%; width: 400px; margin-left:-200px ... где значение для margin-left составляет половину ширины div. Похоже, это не работает для div с фиксированной позицией, вместо этого он просто помещает …

127 html  center  alignment  css-position 

Я разрешаю пользователю загружать изображения на страницу с помощью перетаскивания и других методов. Когда изображение отбрасывается, я использую его URL.createObjectURLдля преобразования в URL-адрес объекта для отображения изображения. Я не аннулирую URL-адрес, так как я его повторно использую. Итак, когда придет время создать FormDataобъект, чтобы я мог разрешить им загрузить форму …

127 javascript  html  fileapi  blobs 

Мне интересно, есть ли способ, например, подсчитать строки внутри div. Скажем, у нас есть такой div: <div id="content">hello how are you?</div> В зависимости от многих факторов, div может содержать одну, две или даже четыре строки текста. Есть ли способ узнать об этом сценарий? Другими словами, представлены ли вообще автоматические разрывы …

127 javascript  html  dom 

У меня есть div заголовка в качестве первого элемента в моем div-оболочке, но когда я добавляю верхнее поле к h1 внутри div заголовка, он толкает весь div заголовка вниз. Я понимаю, что это происходит всякий раз, когда я применяю верхнее поле к первому видимому элементу на странице. Вот пример фрагмента …

126 html  css  xhtml 

Я пытаюсь сделать изображение (динамически размещаемое без ограничений по размерам) таким же широким, как его родительский div, но только до тех пор, пока эта ширина не превышает его собственную ширину на 100%. Я пробовал это, но безрезультатно: img { width: 100%; height: auto; max-width: 100%; } Многие из этих изображений …

126 html  width  css 

У меня есть элемент select, я хочу удалить стрелку, затем я могу добавить другой значок ... Я могу сделать это для Firefox Safari и Chrome, но это не сработало в IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; …

126 html  css  html-select 

У меня есть два изображения, которые нужно сохранить в строке; Я хочу написать подпись под каждым изображением. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Как я могу реализовать?

126 css  html 

Есть ли способ для веб-разработчика отключить проверку орфографии Chrome / Safari / WebKit для определенных элементов inputили textarea? Я имею в виду либо специальный атрибут тега, либо проприетарную инструкцию CSS. Есть инструкция CSS для отключения выделения inputs, поэтому я подумал, что она тоже может существовать. Я знаю, как это может …

126 html  css  google-chrome  spell-checking 

У меня на странице есть кнопка, которая при нажатии отображает div(стиль всплывающего окна) в середине моего экрана. Я использую следующий CSS для центрирования divв середине экрана: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; …

126 html  css  scroll  position  centering 

ПРИМЕЧАНИЕ . Это связано с тем, как существующие элементы холста отображаются при увеличении масштаба , а не в том, как линии или графика отображаются на поверхности холста . Другими словами, это есть всечтобы сделать с интерполяцией из масштабируемых элементов , и ничего общего с сглаживанием графической втягивается на холсте. Меня …

126 javascript  html  canvas 

Я пытаюсь изменить цвет всплывающей подсказки на красный. Однако я также хочу иметь несколько других цветов, поэтому я не хочу просто заменять исходный цвет всплывающей подсказки. Как бы я это сделал?

126 html  css  twitter-bootstrap 

Я понимаю, что можно указать настраиваемую графику в качестве символа маркера замены, используя атрибут CSS: list-style-image А затем присвоить ему URL. Однако в моем случае я просто хочу использовать символ «+». Я не хочу создавать для этого рисунок, а затем указывать на него. Я бы предпочел просто проинструктировать неупорядоченный список …

126 html  css  webkit  mobile-webkit 

Как с помощью HTML ограничить типы файлов, которые можно загружать? Чтобы упростить взаимодействие с пользователем, я хочу ограничить загрузку файлов только изображениями (jpeg, gif, png). <form method="post" action="..." enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>

126 html  image  upload  file-upload