css- все статьи тега ➜ страница 28
Видео YouTube встроено через iframe игнорируя z-индекс?
Я пытаюсь реализовать горизонтальное многоуровневое выпадающее меню навигации. Сразу под (вертикально) меню у меня есть видео YouTube, встроенное через iframe. Если я наведу курсор на один из основных элементов навигации уровня в Firefox, выпадающее меню правильно появится на видео. в Chrome и IE9, однако, только часть выпадающего списка видна в небольшой области пространства, которое у меня есть между меню и iframe. Остальное, кажется, будет за iframe. проблема, похоже, связана с видео Y ...
CSS таблица-ячейка равной ширины
У меня есть неопределенное количество элементов таблицы-ячейки внутри контейнера таблицы. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> есть ли чистый CSS-способ получить ячейки таблицы равной ширины, даже если они имеют содержимое разного размера внутри них? спасибо. Edit: наличие максимальной ширины повлечет за собой знание того, сколько ячеек у вас есть, я думаю? ...
Отключить горизонтальную прокрутку
Ok по какой-то причине моя веб-страница прокручивается слева направо и показывает много уродливого пространства. Я искал результаты, но они просто сделали прокрутки скрытый это теперь то, что я хочу, я хочу физически отключить функция горизонтальной прокрутки. Я не хочу, чтобы пользователь мог прокручивать слева направо на мою страницу только вверх и вниз! Я пробовал: overflow-x:hidden в css на моем html тег, но это только полоса прокрутки скрыта и не отключает прокрутку. пожалуйста, пом ...
IE7 не понимает дисплей: встроенный блок
может кто-нибудь, пожалуйста, помогите мне разобраться с этой ошибкой? С Firefox его работает нормально, но с Internet Explorer 7 его нет. Кажется, он не понимает display: inline-block;. html: <div class="frame-header"> <h2>...</h2> </div> css: .frame-header { height:25px; display:inline-block; } ...
Как заставить браузер Chrome перезагрузиться.css-файл при отладке в Visual Studio?
в настоящее время я редактирую А.css-файл внутри Visual Studio 2012 (в режиме отладки). Я использую Chrome в качестве браузера. Когда я делаю изменения в моем приложении .css-файл внутри Visual Studio и сохранить, обновление страницы не будет загружаться с обновленным изменением в my .файл CSS. Я так думаю .CSS-файл кэшируется. Я пробовал: CTRL / F5 В Visual Studio 2012 В, Перейдите на вкладку Свойства проекта, веб Выберите Запустить внешнюю программу в в разделе действие при запуске Вставь ...
Предотвращение onmouseout при наведении дочернего элемента родительского абсолютного div без jQuery
у меня возникли проблемы с onmouseout функция в абсолютном позиционном div. Когда мышь попадает в дочерний элемент в div, событие mouseout срабатывает, но я не хочу, чтобы он срабатывал, пока мышь не выйдет из родительского, абсолютного div. Как я могу запретить mouseout событие от запуска, когда он попадает в дочерний элемент без jquery. Я знаю, что это имеет какое-то отношение к событию пузырится, но мне не повезло узнать, как это сделать. Я нашел похожий пост здесь: Как отключить события ...
Абсолютное позиционирование игнорируя заполнение родителя
Как сделать абсолютный позиционированный элемент честь заполнения его родителя? Я хочу, чтобы внутренний div растягивался по ширине своего родителя и располагался в нижней части этого родителя, в основном нижнего колонтитула. Но ребенок должен уважать дополнение родителя, и он этого не делает. Ребенок прижимается прямо к краю родителя. поэтому я хочу этого: но я получаю это: <html> <body> <div style="background-color: blue; padding: 10px; position: relative; height: 1 ...
Браузер не масштабируется ниже 400px?
Я работаю над созданием жидкой таблицы стилей, и это работает замечательно. Одна вещь, которую я заметил, заключается в том, что мое окно браузера в Chrome не будет изменяться ниже 400px, оно просто застревает там и в FF, когда я уменьшаю его, он просто останавливается около 400px, а затем появляется горизонтальная полоса прокрутки. когда я открываю сайт на своем телефоне, он выглядит идеально примерно на 320px, поэтому я знаю, что он масштабируется ниже 400px. Мне было любопытно, если кто-ни ...
В jQuery как я могу установить" верхние,левые " свойства элемента со значениями позиции относительно родителя, а не документа?
.offset([coordinates]) метод устанавливает координаты элемента, но только относительно документа. Тогда как я могу установить координаты элемента, но относительно родителя? Я нашел это .position() метод получает только "верхние, левые" значения относительно родителя, но он не устанавливает никаких значений. Я пробовал с $("#mydiv").css({top: 200, left: 200}); но не работает. ...
Почему многоточие CSS не работает в ячейке таблицы?
рассмотрим следующий пример: (видео здесь) HTML: <table> <tbody> <tr><td>Hello Stack Overflow</td></tr> </tbody> </table> CSS: td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } JS: $(function() { console.log("width = " + $("td").width()); }); выход: width = 139, и многоточие не появляется. чего мне здесь не хватает? ...
Сделать DIV заполнить всю ячейку таблицы
Я видел этот вопрос и погуглил немного, но пока ничего не работает. Я считаю, что сейчас 2010 год (эти вопросы / ответы старые и, ну, без ответа), и у нас есть CSS3! Есть ли способ получить div для заполнения ширины и высоты всей ячейки таблицы с помощью CSS? Я не знаю, что ширина и/или высота ячейки будет раньше времени, и установка ширины и высоты div на 100% не работает. кроме того, причина, по которой мне нужен div потому что мне нужно абсолютно позиционировать некоторые элементы вне ячейк ...
Как выровнять тексты внутри входа?
для всех входных данных по умолчанию заполняемый текст начинается слева. Как заставить его начать справа? ...
CSS @font-face - что означает" src: local ('☺')"?
Я использую @font-face впервые и скачал font-kit от fontsquirrel код, который они рекомендуют вставить в мой CSS: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } сейчас, смайлик вещь имеет меня в тупик. Но также и количество URL-адресов в src - по ...
Есть ли селектор CSS для текстовых узлов?
то, что я хотел бы сделать (не в IE очевидно) является: p:not(.list):last-child + :text { margin-bottom: 10px; } что даст текстовому узлу поле. (Это вообще возможно?) Как бы я получил текстовый узел с CSS? ...
Несколько кнопок отправки в HTML-форме-назначить одну кнопку по умолчанию
У меня есть форма, которая имеет три кнопки Подтвердить следующим образом: <input type="submit" name="COMMAND" value="‹ Prev"> <input type="submit" name="COMMAND" value="Save"> <input type="reset" name="NOTHING" value="Reset"> <input type="submit" name="COMMAND" value="Next ›"> <input type="button" name="NOTHING" value="Skip ›" onclick="location = 'yada-yada.asp';"> строка кнопок представляет собой сочетание кнопок submit, reset ...
Конкатенация строк в меньшем количестве
Я думаю, что это невозможно, но я думал, что я спрашиваю в случае, если есть способ. Идея заключается в том, что у меня есть переменная для пути к папке веб-ресурсов: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Я получаю это в результате: .px { background-image: url("../img/" "test.css"); } но я хочу, чтобы строки объединялись в одну строку следующим образом: .px { background-image: url("../img/test.css"); } можно ли объединить строки ...
Укладка Дивов снизу вверх
при добавлении divС div с фиксированной высотой, ребенок ДИВС появится сверху вниз, вставляя на верхней границе. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ теперь я пытаюсь отобразить их снизу вверх, как это (придерживаясь нижней границы): ┌─────────────────────────┐ │ │ │ │ │ ...
горизонтальная полоса прокрутки сверху и снизу таблицы
у меня очень большой table на моей странице. Поэтому я решил поставить горизонтальную полосу прокрутки, которая находится в нижней части таблицы. Но я хотел бы, чтобы эта полоса прокрутки была также сверху на столе. что у меня есть в шаблоне это: <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%"> Это можно сделать только в HTML и CSS? ...
Как центрировать (фоновое) изображение в div?
можно ли центрировать фоновое изображение в div? Я пробовал почти все - но безуспешно: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } это возможно? ...
CSS background-image - что такое правильное использование?
Как правильно использовать свойство CSS background-image? Ключевые вещи, которые я пытаюсь понять, это это должно быть в кавычках, т. е.: background-image: url('images/slides/background.jpg'); может ли это быть относительный путь (как указано выше) или это должен быть полный URL? любые другие моменты, о которых я должен знать, чтобы убедиться, что он работает правильно в браузерах, совместимых со стандартами. ...