css- все статьи тега ➜ страница 43
Заменить таблицу HTML на Divs
хорошо, я пытаюсь купить идею о том, что таблицы html не должны использоваться, и что divs должны быть. Тем не менее, у меня часто есть код, который напоминает следующее <table> <tr> <td>First Name:</td> <td colspan="2"><input id="txtFirstName"/></td> </tr> <tr> <td>Last Name:</td> <td colspan="2"><input type="text" id="txtLastName"/></td> </tr> <tr& ...
jquery-как определить, изменяет ли div свою высоту или какой-либо атрибут css?
Я хочу знать, как вызвать событие, когда div изменяет свою высоту или любой атрибут css. у меня есть div с id = mainContent. Я хочу, чтобы jquery автоматически запускал событие при изменении его высоты. Я сделал что-то вроде этого: $("#mainContent").change('height', function() { $("#separator").css('height', $("#mainContent").height()); }); Я знаю, что это неправильно. вот весь мой код (я вставил все это, потому что я не могу попасть в jsfiddle по какой-то причине я не знаю): <ht ...
Использовать jQuery/CSS, чтобы найти самый высокий из всех элементов [дубликат]
Возможные Дубликаты:CSS-столбцы равной высоты? у меня есть 3 ДИВС. такой: <div class="features"></div> <div class="features"></div> <div class="features"></div> Они будут заполнены текстом. Я не знаю, насколько сильно. Дело в том, что все они должны быть одинаковой высоты. Как я могу использовать jQuery (или CSS), чтобы найти самый высокий из DIV и установить два других на ту же высоту, создавая 3 равные высоты Див. это возможно? ...
CSS width 100% или max-width в пикселях
Как можно создать правило CSS для ширины, которые использует 100% ширину по умолчанию Если 100% ширина превышает определенную ширину пикселя (скажем, 512 пикселей), то ширина зажимается до этой ширины пикселя Я не уверен в отношении ширины и максимальной ширины, или как calc () поддерживается или может выразить это. Это должно было бы работать с последними браузерами WebKit и Firefox 4. IE8 и др. поддержка не нужно ...
Могу ли я добавить цвет фона только для заполнения?
У меня есть поле заголовка, включая границы и отступы и цвет фона для этого поля, могу ли я изменить цвет фона только для дополненной области после границы, а затем тот же цвет фона для остальной ширины (т. е. серый в данном коде)? просто щепотка кода, где я хочу мягкий цвет фона: nav { margin:0px auto; width:100%; height:50px; background-color:grey; float:left; padding:10px; border:2px solid red; } ...
Как нарисовать фигуру, используя кусок изображения в PHP
Мне нужно создать кадр изображения с помощью части изображения. Например: пользователь загрузит часть изображения из бэк-энда: теперь мне нужно создать рамку на переднем конце в соответствии с требованием пользователя переднего плана (пользователь выберет высоту и ширину рамки, а затем он выберет этот кусок изображения) следующим образом: Я не получаю никакого способа сделать это, я попытался сделать это с помощью css и html canvas, но не повезло. может кто-нибудь, пожалуйста, предложит ...
Создайте три вертикальные точки (эллипсис) внутри круга
Я хочу сделать кружок <div>, как это изображение: Я пробовал этот код. .discussion:after { content: '07'; font-size: 1em; background: #2d3446; width: 20px; height: 20px; border-radius: 100px; color:white; } <div class="discussion"></div> как я могу сделать это правильно? ...
HTML / CSS создание текстового поля с текстом, который неактивен, и исчезает, когда я нажимаю, чтобы ввести информацию, как?
Как сделать текстовое поле с серым содержимым, и когда я нажимаю на него, чтобы ввести текст, серую часть, она исчезает и позволяет мне ввести нужный текст? пример: текстовое поле "Имя". Слова " Имя " находятся внутри текстового поля серым цветом, когда я нажимаю, эти слова исчезают, и я пишу свое имя в нем. ...
развернуть/свернуть строки таблицы с помощью jQuery
Я хочу развернуть и свернуть строки таблицы при нажатии на столбцы заголовка. Я только хочу развернуть / свернуть строки, которые находятся под определенным заголовком (щелкнуто). вот моя структура таблицы: <table border="0"> <tr> <td colspan="2">Header</td> </tr> <tr> <td>data</td> <td>data</td> </tr> <tr> <td>data</td> <t ...
Непрерывное вращение CSS анимацию при наведении, анимация вернуться к 0deg на Ховер из
У меня есть элемент, который вращается при наведении на него бесконечно. При наведении указателя мыши анимация останавливается. Просто: @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .elem:hover { -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } при наведении курсора мыш ...
Применение стилей CSS только к определенным элементам
У меня есть существующий сайт с большим количеством старых страниц и форм, выложенных с таблицами, которые я пытаюсь постепенно перейти на CSS. Я хочу использовать таблицы стилей Twitter Bootstrap-особенно стили для форм-но только на тех разделах страниц, где я их явно запросил. Например, я мог бы окружить всю форму в div вот так: <div class="bootstrap"> <!-- everything in here should have the Bootstrap CSS applied --> <form> <p><label for="text_input">Label&l ...
Как определить состояние CSS: hover в селекторе jQuery?
Мне нужно определить цвет фона div: hover с jQuery, но следующее, похоже, не работает: $(".myclass:hover div").css("background-color","red"); Как я могу получить тот же результат? Важно, что это должно быть сделано с jQuery, но по какой-то причине он не работает. Есть предложения? Спасибо! ...
Как я могу переопределить значение по умолчанию на основе схемы PrimeFaces CSS с пользовательские стили?
Я создал свою тему, как отдельный проект Maven, и это правильно. теперь я хочу изменить размер компонента. Например,<p:orderList>. Он имеет класс под названием ui-orderlist-list который определен в primefaces.css с фиксированным размером 200x200. Независимо от того, что я делаю в моей theme.css, он перезаписывается этим атрибутом, и я не могу сделать контент частью <p:orderList> шире. для других компонентов я мог бы переопределить только один экземпляр компонента, не все. может к ...
Объявить стиль CSS вне элемента "HEAD" страницы "HTML"?
мой вариант использования следующий: Я писать HTML-страницы С помощью деталей, которые допустимые фрагменты HTML но не действует страниц, как ДИВС; эти элементы, используя CSS управлять их стилем. Я бы хотел, чтобы каждый фрагмент отвечал за свои собственные требования к стилю и не полагался на объявления таблиц стилей в основном фрагменте (тот, который имеет " HTML" метка.) Итак, вот вопрос:есть ли какой-либо (стандартный) способ добавить стиль CSS вне элемента HEAD (исключая встроенный сти ...
@импорт против ссылке
во-первых, я знаю, что название говорит, что это дубликат вопроса, как задано здесь, здесь и здесь. Все, что я читал на эту тему более двух лет. За это время многое изменилось, так что те же самые мысли все еще целесообразны? вот пример, я использую @import внутри таблицы стилей, чтобы ввести мой сброс CSS и несколько других стилей. Я должен изменить это с @import до <link>? Согласно этому статьи Я должен использовать ссылку. Поэтому я спрашиваю других разработчиков, что действительно лу ...
Ширина равна содержанию
Я испытываю некоторые проблемы со свойством ширины CSS. У меня есть несколько абзацев внутри div. Я хотел бы сделать ширину абзацев равной их содержанию, чтобы их зеленый фон выглядел как метка для текста. То, что я вместо того, чтобы сделать состоит в том, что пункты наследуют ширине узел разд отец, который шире. #container { width: 30%; background-color: grey; } #container p { background-color: green; } <div id="container"> <p>Sample Text 1</p> < ...
Прокрутить часть содержимого в контейнере фиксированного положения
у меня есть position: fixed div в макете, как боковая панель. Меня попросили, чтобы часть его содержимого оставалась фиксированной в верхней части (внутренне), а остальное прокручивать если он переполняет нижнюю часть div. Я посмотрел на этот ответ, однако решения там не работает с position: fixed или position: absolute контейнеры, что является болью. я сделал JSFiddle демонстрация моей проблемы здесь. Большое количество текст должен идеально прокручиваться, а не перетекать в нижнюю часть стра ...
word-wrap:break-word не работает в IE8
может кто-нибудь пожалуйста, скажите мне, почему word-wrap: break-word не будет работать в IE8? У меня это работает в других браузерах, но IE8 отказывается слушать, несмотря на чтение этого сообщения на своем сайте? http://msdn.microsoft.com/en-us/library/ms531186 (VS. 85). aspx спасибо ...
Поместите текст в нижней части div
У меня есть 4 DIV рядом друг с другом, и все они сосредоточены в середине экрана. У меня есть 2 слова в каждом div, но я не хочу, чтобы они были вверху, я хочу, чтобы они появлялись в нижнем правом углу div. Как я могу это сделать? ...
Установите div на оставшуюся высоту с помощью CSS с неизвестной высотой divs выше и ниже
можно ли сделать обертку заполнить высоту окна (без прокрутки) и прокручивать центр div, не возясь с пикселями и javascript? <div id="wrapper"> <h1>Header</h1> <div id="center"> <div style="height:1000px">high content</div> </div> <div id="footer">Footer</div> </div> в основном я хочу, чтобы заголовок был виден сверху, а нижний колонтитул всегда был виден внизу и имел прокручиваемый контент в центре, который занимает высо ...